Stylus| vue项目中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 (E:\CODE\WebWorkspace\take-out\node_modules\stylus-loader\node_modules\schema-utils\dist\validate.js:104:11)at Object.stylusLoader (E:\CODE\WebWorkspace\take-out\node_modules\stylus-loader\dist\index.js:24:29)@ ./node_modules/vue-style-loader??ref--11-oneOf-1-0!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/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/lib??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=stylus&scoped=true& 4:14-477 14:3-18:5 15:22-485@ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=stylus&scoped=true&@ ./src/App.vue@ ./src/main.js@ multi (webpack)-dev-server/client?http://192.168.1.102:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

此时对应版本为 “stylus”: “^0.54.8”, “stylus-loader”: “^4.3.1”,

解决办法：更改版本号 stylus 0.54.5 stylus-loader 3.0.1 再重新安装依赖即可
npm install

看了好几个回答似乎less和sass都同样有一样的问题，应该更改能用的版本就好了。

Stylus| vue项目中stylus和stylus-loader版本兼容问题相关推荐

在vue项目中使用prismjs（网页代码高亮插件）
在vue项目中使用prismjs 什么是prismjs prismjs是一款代码高亮美化插件,在一些技术博客类的网站中需要展示代码时,可以使用它类似与markdown的代码块, 官网链接:https: ...
vue项目中使用iconMoon图标
前两篇文章写了一下如何在vue项目中使用vue-awesome和阿里的iconfont,这里介绍一下如何使用iconMoon图标 iconMoon和前两者相比可以生成自己的矢量图,这点是我喜欢的.至于 ...
vue项目中draggable实现拖拽排序
本文简要介绍在Vue项目中利用draggable实现拖拽排序的功能,先简单展示下具体功能. 如上图所示,点击[排序]之前list中每个item不能进行排序,当选中[排序]后可以拖拽的方式进行排序.下面 ...
vue项目中遇到的一些问题
或访问:https://github.com/littleHiuman/experiences-about-vue 欢迎补充! vuex 状态 vue-cli 命令行 vue vue vue-rou ...
svg图片在vue项目中的应用
svg图片在vue项目中的应用一.安装 svg-sprite-loader 插件 npm install svg-sprite-loader 二.基于 vue-cli2.x 项目 webpack 配 ...
Vue项目中操作svg文件
Vue项目中使用svg 引入依赖 yarn add svg-sprite-loader -D [可选] yarn add svgo svgo-loader -D 依赖说明: svg-sprite-lo ...
在vue项目中使用gsap，实现极佳的2d动画效果
在vue项目中使用gsap,实现极佳的2d动画效果一.GSAP是什么? 二.使用步骤 1.引入库 2.在vue中使用 3.vue组件使用gsap完整代码总结一.GSAP是什么? GSAP全称是G ...
在vue项目中使用svg图标
目录 VUE项目中为什么使用svg 1.在src/components下创建文件夹,命名为SvgIcon,并再SvgIcon文件夹下,新增目录index.vue文件: 2.在src目录下,新增文件夹, ...
vue项目中使用百度地图
安装首先在vue项目中,我们可以使用 vue-baidu-map 插件来替代直接引入百度地图js sdk. 官方文档 JavaScript API v2.0类参考 npm install --sav ...

Stylus| vue项目中stylus和stylus-loader版本兼容问题

Stylus| vue项目中stylus和stylus-loader版本兼容问题

Stylus| vue项目中stylus和stylus-loader版本兼容问题相关推荐

最新文章

热门文章