Vue启动报错Error: Cannot find module 'webpack/bin/config-yargs'

今天执行npm run dev时出现报错，提示Error: Cannot find module 'webpack/bin/config-yargs'，查资料发现问题出在，webpack、webpack-cli、webpack-dev-server的版本不匹配。

打开项目根目录下的package.json 文件，发现我的项目里面的配置信息为：

"webpack": "^4.42.0",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^2.11.5"

然后我修改了package.json文件，修改webpack-dev-sever的版本为3.1.4，然后在项目根目录执行npm install命令。此命令执行完毕后再执行npm run dev发现可以正常运行。

最终package.json文件的配置如下:

"devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.6.0",
    "babel-preset-stage-3": "^6.24.1",
    "babel-preset-vue": "^2.0.2",
    "cross-env": "^5.0.5",
    "css-loader": "^3.4.2",
    "file-loader": "^1.1.4",
    "vue-loader": "^13.0.5",
    "vue-template-compiler": "^2.4.4",
    "webpack": "^4.42.0",
    "webpack-cli": "^3.3.11",
    "webpack-dev-server": "^3.1.4"
  }

参考链接

已解决 - 问题Cannot find module ‘webpack/bin/config-yargs’