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