Vue项目执行npm run dev报错：Cannot find module 'webpack/bin/config-yargs'求助

Hey there! I totally get how confusing this error can be when you're just starting out with Vue. Let's figure out what's going on and fix it quickly.

问题根源 #

这个错误的核心原因是**webpack和webpack-dev-server版本不兼容**。你克隆的这个旧项目（看起来是element-starter）依赖的webpack-dev-server版本比较老，它需要从webpack的webpack/bin/config-yargs路径加载模块，但新版本的webpack已经重构了内部结构，移除了这个文件，所以就出现了找不到模块的报错。

解决步骤 #

1. 卸载当前不兼容的版本 #

首先把项目里现有的webpack和webpack-dev-server卸载掉，打开终端进入项目根目录，执行：

npm uninstall webpack webpack-dev-server --save-dev

2. 安装兼容的版本组合 #

针对这类老项目，webpack@4.x和webpack-dev-server@3.x是经过验证的兼容组合，执行下面的命令安装：

npm install webpack@4.46.0 webpack-dev-server@3.11.3 --save-dev

3. 重新启动项目 #

现在再运行启动命令：

npm run dev

应该就能正常启动你的Vue项目了。

额外排查小技巧 #

如果还是遇到问题，可以试试这些操作：

• 删除项目根目录下的node_modules文件夹和package-lock.json文件
• 重新执行npm install安装所有依赖
• 再次安装上面指定的兼容版本的webpack和webpack-dev-server

内容的提问来源于stack exchange，提问作者E.Bolandian