Vue安装sass-loader和node-sass版本匹配报错
最近一周没有更新博客是由于手头有点布置的项目,每天比较忙过的也很充足,基本时间安排的满满的
今天休息天就去外面跑了跑歩把一周的压印都释放了出去,瞬间感觉心情开朗了很多
晚上回来头脑感觉比较清晰就把以前遇到过的一个Bug以及解决思路通过复盘给大家分享一下
接下来步入正题
我们在写vue项目的时候有时候大家会用到scss这时候就需要安装依赖sass-loader和node-sass,但是这俩个安装是十分坑爹的,它们俩会由于这个版本匹配冲突的原因导致运行报错,当时我在这个坑中踩了好久,接下来我把报错代码献上(图文结合方便大家理解)
我这个vue项目已经默认安装了 vue-style-loader,不要多此一举。免得版本冲突。
到时候又会出现更多问题。
第二种报错原因是可能会存在的:就是直接安装也会安装最新版本的
npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader
安装完成后就会运行就会报错附上报错图
网上说是因为sass-loader安装的版本太高,卸载重新安装低版本即可,网上大部分都是安装的7的版本,我装的是7.3.1
解决方法
很简单如果你是我上面那种安装方式之一而且正好报错的话请用我接下来献上的解决方法
先卸载之前的sass-loader node-sass版本
npm uninstall sass-loader npm uninstall node-sass -D
然后重新装7.3.1 sass-loader的版本 由于sass-loader期望的node-sass值为^4.0.0:所以我们满足他这个小小的愿望,安装sass-loader@7.3.1和node-sass@4.13.1版本
npm install sass-loader@7.3.1 --save-dev npm install node-sass@4.14.1 --save-dev
然后呢就大功告成了,直接运行成功有没有很简单
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持IT俱乐部。