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

Posted 2023-02-22

【中文标题】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 schema

【发布时间】：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

【参考方案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”文件。

我正在使用`stylus-loader@4.3.1 + stylus@0.54.8`

那么问题出在哪里？

运行 npm run serve 后我仍然遇到同样的错误

我确实创建了一个全新的应用程序。但是在运行 npm run serve 后我得到了同样的错误。所以，我将stylus-loader降级到版本3。然后错误消失了。