vue中安装node-sass、sass-loader报错问题解决方法
1、首先执行以下代码,卸载老版node-sass、sass-loader(因为你有可能安装上了其中一个,但另一个安装不了)问题描述:在进行一个vue项目练习时需要导入node-sass、sass-loader这两个依赖,书本提供代码是。2、查找与自己node版本对应得node-sass版本。3、最后安装sass-loader,适合的版本可以直接到网上去搜索,比如我一开始找到的版本是 10.0.1
可行版本(针对 node 16+ 版本)
不想浪费时间看的,可直接去尝试
npm install node-sass@6.0.1 -D
npm install sass-loader@10.2.0 -D
问题描述
问题描述:在进行一个vue项目练习时需要导入node-sass、sass-loader这两个依赖,书本提供代码是npm install sass-loader@7.2.x node-sass@4.12.x -
尝试n次也无法成功执行。
报错:
于是上网查找问题解决得方法,经过数小时得尝试最终解决,以下是总结出的经验教训。
解决方法
1、首先执行以下代码,卸载老版node-sass、sass-loader(因为你有可能安装上了其中一个,但另一个安装不了)
npm uninstall sass-loader node-sass
2、查找与自己node版本对应得node-sass版本,并且要先安装node-sass,再去找匹配的sass-loader,这一点非常重要,我就是被这个坑住了
如何查看自己的node版本号呢?进入终端输入指令
node -v
版本对照表:
你也可以进入github自行查看Releases · sass/node-sass (github.com)
比如我的node版本号是 v16.17.0,我就成功安装了"node-sass": "^6.0.1"
版本,执行以下代码安装node-sass
npm install node-sass@6.0.1 -D
3、安装sass-loader
最后安装sass-loader,适合的版本可以直接到网上去搜索,比如我一开始找到的版本是 10.0.1 然后还是安装失败,最后换成 10.2.0 安装成功
npm install sass-loader@10.2.0 -D
最后希望我的尝试能帮助你解决问题!!!
更多推荐
所有评论(0)