node版本下报错build: `vue-cli-service build`问题及解决

node版本下报错build: `vue-cli-service build`

用vue cli3.0生成vue项目时,运行项目出现报错build: `vue-cli-service build`,serve: `vue-cli-service serve`

node版本下报错build: `vue-cli-service build`问题及解决_第1张图片

最后查看发生安装的node -v版本时v12.0,node版本不稳定造成的,所以通过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 [email protected]
npm ERR! gyp info using [email protected] | 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

解决:

node版本下报错build: `vue-cli-service build`问题及解决_第2张图片

1、打开环境变量编辑窗口 删除框起来的path对应的npm 和 node

2、用msi方式再次安装其他版本时会自动弹出remove之前的node,remove-finish后再次双击msi安装文件,安装新的版本

node版本下报错build: `vue-cli-service build`问题及解决_第3张图片

以上 情况单独出现都不是个事,但同时出现就是我自己作的,两个项目,项目较老,对版本有要求,node有要求,安装了两个不同位数不同版本的node后就出现了以上多个问题,最终解决:

1、node版本问题看报错,降到报错提示的版本

2、卸载安装多个node安装问题四处理

3、项目中的node-sass sass-loader总是会出现版本不对应的错误,删除node-modules,还有删除package.json中相关的,因为npm install会按照里面的版本安装,如果和node的版本对应不上就报错,按照node装sass按照问题三,如果按照项目sass装node参照问题四

4、按装多个版本的node,利用替换环境变量就可以,但是在启动不同的项目npm 的版本也要注意,如果安装npm install 版本号 -g后,就有可能出现问题,即使可切换node,但是原先可以npm跑的项目出现问题;

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

你可能感兴趣的:(node版本下报错build: `vue-cli-service build`问题及解决)