node版本下報錯build: `vue-cli-service build`

用vue cli3.0生成vue項目時，運行項目出現(xiàn)報錯build: `vue-cli-service build`，serve: `vue-cli-service serve`

最后查看發(fā)生安裝的node -v版本時v12.0，node版本不穩(wěn)定造成的，所以通過nvm切換到node -v v8.11.2版本，再次運行就可以了。

1. 下載安裝nvm：

2. 通過nvm下載安裝node8.11.2版本：nvm install v8.11.2。

3. 通過nvm切換node版本為v8.11.2：nvm use 8.11.2。

node相關報錯問題

問題一：node-sass npm ERR! command failed

解決：

1、刪除 npm uninstall node-sass

2、安裝 npm install node-sass

問題二：npm ERR! gyp info it worked if it ends with ok

npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.11.1 | win32 | x64
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: E:\Python37\python.EXE -c import sys; print “%s.%s.%s” % sys.version_info[:3];

解決：

1、npm i -g cnpm --registry=https://registry.npm.taobao.org

問題三：Node Sass version 6.0.1 is incompatible with ^4.0.0.

解決：版本不配套,安裝時不要加版本號，因為會自動匹配對應電腦上安裝node的版本

1、刪除 npm uninstall node-sass sass-loader

2、安裝 npm install node-sass sass-loader

問題四：卸載node，再安裝其他版本

later version of Node.js is already installed. setup will now exit

解決：

1、打開環(huán)境變量編輯窗口 刪除框起來的path對應的npm 和 node

2、用msi方式再次安裝其他版本時會自動彈出remove之前的node,remove-finish后再次雙擊msi安裝文件，安裝新的版本

以上 情況單獨出現(xiàn)都不是個事，但同時出現(xiàn)就是我自己作的，兩個項目，項目較老，對版本有要求，node有要求，安裝了兩個不同位數(shù)不同版本的node后就出現(xiàn)了以上多個問題，最終解決：

1、node版本問題看報錯，降到報錯提示的版本

2、卸載安裝多個node安裝問題四處理

3、項目中的node-sass sass-loader總是會出現(xiàn)版本不對應的錯誤，刪除node-modules，還有刪除package.json中相關的，因為npm install會按照里面的版本安裝，如果和node的版本對應不上就報錯，按照node裝sass按照問題三，如果按照項目sass裝node參照問題四

4、按裝多個版本的node，利用替換環(huán)境變量就可以，但是在啟動不同的項目npm 的版本也要注意，如果安裝npm install 版本號 -g后，就有可能出現(xiàn)問題，即使可切換node,但是原先可以npm跑的項目出現(xiàn)問題；

總結

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論