一、我的问题
今天我去运行一个前后端分离的项目,后端跑起来了,但是前端一直跑不起来,我折腾了一下午,到现在终于运行好了。
首先执行 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