vue.js通过cli脚手架安装stylus遇到的坑

在上一篇文章中stylus入门中已经介绍了如何安装stylus,但是在vue.js开发中遇到了以下一个问题：1.通过指令全局安装stylus$ npm install stylus -g虽然全局安装了，但是在vue.js中并没有起到作用;2.在vue.js的文件中创建了后缀名为.styl的stylus的文件，但是在编译的时候总是会报错错误信息：stylus-loader@2.5.1 req

极客James

12428人浏览 · 2017-05-22 21:39:14

极客James · 2017-05-22 21:39:14 发布

在上一篇文章中stylus入门中已经介绍了如何安装stylus,但是在vue.js开发中遇到了以下一个问题：
1.通过指令全局安装stylus

$ npm install stylus -g

虽然全局安装了，但是在vue.js中并没有起到作用;
2.在vue.js的文件中创建了后缀名为.styl的stylus的文件，但是在编译的时候总是会报错

错误信息：
stylus-loader@2.5.1 requires a peer of stylus@>=0.52.4 but none was installed.

如何解决：
1.在package.json文件中增加如下代码：

"stylus-loader": "^3.0.1",
"stylus": "0.52.4",

然后回到命令窗口
输入

$npm install

然后在输入

$npm run dev

大功告成！！

这里写图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^