Sass 加载程序错误：无效的选项对象。 Stylus Loader 已使用与 API 架构不匹配的选项对象进行初始化

【问题标题】：Sass Loader Error: Invalid options object. Stylus Loader has been initialized using an options object that does not match the API schemaSass 加载程序错误：无效的选项对象。 Stylus Loader 已使用与 API 架构不匹配的选项对象进行初始化
【发布时间】：2021-03-23 16:43:35
【问题描述】：

运行 npm run serve 后出现此错误：

in ./src/components/site-checker/insert-model.vue?vue&type=style&index=0&lang=stylus&

Syntax Error: ValidationError: Invalid options object. Stylus Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'preferPathResolver'. These properties are valid:
   object { stylusOptions?, sourceMap?, webpackImporter?, additionalData? }

我在这个框架中使用 VueJS：

[Vue 2] babel、路由器、vuex Vue CLI v4.5.8

【问题讨论】：

标签： node.js vue.js npm vue-cli stylus

【解决方案1】：

这是stylus-loader 和vue-cli 之间最近的兼容性问题的结果。最近在 Vue 的 dev 分支中是 fixed。

目前最好的选择是将stylus-loader 降级到版本 3

npm install stylus-loader@3

您也可以尝试将您的vue-cli 升级到最新版本：

npm 更新 -g @vue/cli

或

yarn 全局升级 --latest @vue/cli

【讨论】：

我在“package.json”文件旁边制作了“vue.config.js”文件。

 -------------------------------- module.exports = { module: { rules: [ { test: / \.styl$/, loader: "stylus-loader", // 将 Styl 编译为 CSS }, ], }, }; ----------------------------------

我正在使用`stylus-loader@4.3.1 + stylus@0.54.8`
那么问题出在哪里？
运行 npm run serve 后我仍然遇到同样的错误
我确实创建了一个全新的应用程序。但是在运行 npm run serve 后我得到了同样的错误。所以，我将stylus-loader降级到版本3。然后错误消失了。