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

cyuyanxmx

已于 2023-03-25 21:16:50 修改

阅读量2.4k

点赞数

分类专栏： Vue 文章标签： vue.js npm webpack

于 2023-03-25 21:14:29 首次发布

本文链接：https://blog.csdn.net/cyuyanxmx/article/details/129772395

版权

Vue 专栏收录该内容

1 篇文章

订阅专栏

当运行npminstall或npmdev出现错误，可能是由于webpack、webpack-cli和webpack-dev-server版本不兼容导致。解决步骤包括删除node_modules，安装core-js，清理npm缓存，重新安装模块，以及确保这三个工具的版本相互兼容，如推荐的^4.35.0、^3.3.5和^3.1.4版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

运行 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
在这里插入代码片

上面三个版本号互相兼容