node.js16.13.1版本与node-sass4.7.2版本不兼容问题的解决


一、我的问题

今天我去运行一个前后端分离的项目,后端跑起来了,但是前端一直跑不起来,我折腾了一下午,到现在终于运行好了。

首先执行 npm install 命令,出现如下:

 

 很多方法是删除node-sass后,重新安装下,我试了,还是不行

二、发现问题

后来发现 node 版本和 node-sass版本 不兼容

执行命令查看版本号:

node -v 

node-sass -v 

别人写的博客:https://www.cnblogs.com/frost-yen/p/15175172.html

可惜这个我没看懂

后来去找了与node 16对应 的 node-sass 版本 和 sass-loader 版本

但是又出现如下错误:

 

 webpack又不对啦,内心特别复杂

三、想到办法

既然 node 16的高版本与 node-sass总是对不上,上面的博客也没看懂,不如就降低 node的版本吧

node版本的升级与降级博客:https://www.cnblogs.com/judeyq/p/12124985.html

node版本降级需要安装nvm:https://blog.csdn.net/dx18520548758/article/details/91434565

根据以上博客,我成功的将 node@16.13.1 版本降级到 node@8.16.0

 

四、又遇到小问题并解决

我执行 npm install 命令出现如下错误:

 

 原来我又和我的 npm 版本不兼容了,于是根据网址:https://nodejs.org/zh-cn/download/releases/

查找对应的 npm 版本

附上node各版本对应的可用node-sass版本

我执行命令降低 npm 版本,出现如下

 

 我便使用 nvm 重新将 node 版本切换到 16,安装好 npm@6.1.4.8,然后又将 node 切回了 8版本,执行 npm install --registry=https://registry.npm.taobao.org 命令,安装成功!

 

 执行项目,运行成功!

可能这篇文章我写的比较傻,它更多的记录了我的内心的变化,最后用 node 降版本的方法解决了问题,有大佬教教我怎样用 node16 版本解决这个问题吗?欢迎下方评论

五、附加一些命令

安装 cnpm: 

npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install cnpm@7.1.0 -g --registry=https://registry.npm.taobao.org

安装 vue-cli:

cnpm install -g @vue/cli@4.5.9

卸载 vue-cli:

npm uni vue-cli -g

npm 更新指定版本:

npm -g install npm@6.14.8

node-sass 更新指定版本:

cnpm install node-sass@4.13.0

node、node-sass、sass-loader对应版本:

node版本:12.14.0
npm版本:6.13.4
vue版本:5.0.8
node-sass: 4.13.0

node版本: 14.19.0
node-sass:4.14.1
sass-loader:7.3.1

node版本:16.13.1
node-sass版本:6.0.1
sass-loader版本:10.0.1

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM