vue

[解决]npm ERR! code ELIFECYCLE

项目开发环境遇到报错如下

npm ERR! code ELIFECYCLE

废话不多说,上解决方案
Step1:npm cache clean --force
Step2:rm -rf node_modules
Step3:rm -rf package-lock.json
Step4:npm install
npm install 成功之后再次启动 npm start

 

踩坑,VUE项目中,MAIN.JS引入SCSS文件时报错

当我们在src目录下创建.scss文件,并在main.js中引用,运行时会报:

ERROR Failed to compile with 1 errors 5:25:07 PM
This relative module was not found:

* ./main.scss in ./src/main.js

 

解决方法:

新版本的vue-cli已经帮我们把sass-loader配置好了,放在util.js里面了

前面我们通过 cnpm i node-sass sass-loader -D    安装好了scss依赖

并在build文件夹下的webpack.base.conf.js的rules里面添加了如下配置

{

test: /\.scss$/,
loaders: [‘style’, ‘css’, ‘sass’]
}

 

现在不需要这样配置。如果这样配置会报错,因为配置重复了。

只需将此配置删除即可

 

npm install时,报错 install: `node install.js`安装失败

说明
最近开始重新看前端框架,选择的是vueヽ(ー_ー)ノ,正常安装Node、vue、vue-cli,利用脚手架初始化项目,npm install时,报错 install: `node install.js`安装失败,看到

2750 error chromedriver@2.33.2 install: `node install.js`
2750 error Exit status 1
2751 error Failed at the chromedriver@2.33.2 install script.
2751 error This is probably not a problem with npm. There is likely additional logging output above.
初步判断是这个zip文件没下载下来,然后手动下载一个chromedriver_win32.zip丢到C:\Users\用户\AppData\Local\Temp\chromedriver\目录下,结果因为这是一个临时文件夹,每次初始化的时候都会重新下载这个文件,从而又无法初始化

解决方案
1 加参数

npm install –ignore-scripts
–ignore-scripts表示npm将不会运行在package.json中指定的scripts脚本

2 更换数据源

npm install chromedriver –chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
更多解决方案–>ChromeDriver Building and Installing

 

sh: vue-cli-service: command not found

mac环境下运行vue项目报错sh: vue-cli-service: command not found

解决方法:cd到项目目录下,执行命令sudo rm -rf node_modules package-lock.json && npm install 然后根据提示输入密码。安装完成后,再次npm run dev就可以正常运行啦。