stylus的使用问题

Question

老师我在项目中引入了stylus和stylus-loader，为啥会报错呢
in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=stylus&scoped=true

Module build failed (from ./node_modules/stylus-loader/dist/cjs.js):
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? }
  at validate (/Users/wangxin/source/vue3/vue-json-scheam-form/node_modules/stylus-loader/node_modules/schema-utils/dist/validate.js:104:11)
  at Object.stylusLoader (/Users/wangxin/source/vue3/vue-json-scheam-form/node_modules/stylus-loader/dist/index.js:24:29)

@ ./node_modules/vue-style-loader??ref–11-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref–11-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref–11-oneOf-1-2!./node_modules/stylus-loader/dist/cjs.js??ref–11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref–0-0!./node_modules/vue-loader-v16/dist??ref–0-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=stylus&scoped=true 4:14-438 14:3-18:5 15:22-446
@ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=stylus&scoped=true
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://172.20.188.238:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts

Answer 1

Jokcy 2020-11-17 10:05:47

你的stylus-loader怎么配置的

• 提问者 有没有没被占用的昵称 #1

  老师我没有相关配置，我记得以前也不用配置什么就好使呀，2.6的时候

• Jokcy 回复 提问者 有没有没被占用的昵称 #2

  以前是啥时候，正常来讲，你这个应该是你的stylus-loader配置不对，你用的配置和你装的版本的配置不匹配

• 提问者 有没有没被占用的昵称 回复 Jokcy #3

  老师我重新创建了一个项目，然后创建的时候选择安装了stylus，然后也没进行相应的配置，但是是好使的。
  报错的这句话options has an unknown property ‘preferPathResolver’.
  我发现是配置在vue-cli的默认配置文件里的，但是在之前的vue2.x和今天新创建的3.0都有这个配置啊

点开查看后面3条评论