一、我的問題
今天我去運行一個前后端分離的項目,后端跑起來了,但是前端一直跑不起來,我折騰了一下午,到現在終於運行好了。
首先執行 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