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

Posted 前端技术部落

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js通过cli脚手架安装stylus遇到的坑相关的知识,希望对你有一定的参考价值。

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.js通过cli脚手架安装stylus遇到的坑

写在最后

最近经常有很多程序员朋友问我有没有什么学习资料,尤其是前端还有php的。因为本人是学全栈的,所以手里是有一些前端还有PHP全套视频学习资料。这些资料绝对比那些在群里漫天飞的资料强多了。相信看完这些,你绝对可以找到一份好工作!

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


为了感谢大家的支持,今天我在这里统一说下吧:


以上是关于vue.js通过cli脚手架安装stylus遇到的坑的主要内容,如果未能解决你的问题,请参考以下文章

vue Cli(脚手架)安装

vue.js学习vue-cli脚手架搭建

vue-cli脚手架安装及运行

Vue.js学习—— vue-cli初始化项目的坑终极解决办法和总结(离线安装webpack下载模板)

vue项目开发流程

vue-cli2,vue-cli3(vue脚手架)超详细教程