解决vue项目中npm install 失败,和 npm run dev失败的方案

运行 npm install 出现报错 vue-cli-service
解决步骤:
1.删除根目录下文件夹node_modules;
2.输入命令npm install core-js@2;
3.使用cnpm install 重新安装node_modules;
4.输入项目启动命令;.
若经过上面操作之后还是不能解决
在第二步之前输入npm cache clean --force
清除npm缓存,再进行尝试

运行 npm dev 出现报错
在这里插入图片描述
出现上述原因,应该是webpack 版本和 webpack-cli 以及 webpack-dev-server版本不兼容的原因,因此,需要将这三者的版本相匹配,可以运行如下命令来修改这三者的版本问题,

// 首先卸载不适配的 webpack webpack-cli webpack-dev-serve 这三个工具
cnpm uninstall --save-dev webpack-cli 
// 此处的 webpack-cli 可以修改为webpack 或者 webpack-dev-serve 

// 然后,重新下载匹配版本号的webpack webpack-cli webpack-dev-serve
 cnpm install --save-dev webpack-dev-server@3.3.5
// 此处的 webpack-dev-serve@3.3.5 可以修改成 webpack 或 webpack-cli 对应的版本号

注:推荐上述三者的版本号如下:

 "devDependencies": {
	"webpack": "^4.35.0",
    "webpack-cli": "^3.3.5",
    "webpack-dev-server": "^3.1.4"
  }
```javascript
在这里插入代码片

上面三个版本号互相兼容

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值