更新webpack与webpack-dev-server后出现模块缺失问题求助

这个问题的核心是你的webpack-dev-server版本和webpack@4.x完全不兼容——webpack-dev-server@1.16.5只支持webpack@1.x或webpack@2.x，根本适配不了你现在的webpack@4.8.1，这才会出现找不到webpack/bin/config-optimist这类模块的错误。

下面是具体的修复步骤：

• 首先卸载旧版本的webpack-dev-server：

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

• 安装适配webpack@4.x的webpack-dev-server稳定版本（推荐3.x系列，比如3.11.2）：

  npm install webpack-dev-server@^3.11.2 --save-dev
  

• 同时，你的webpack-cli@2.1.3也和webpack@4.x不兼容，需要升级到3.x系列：

  npm uninstall webpack-cli --save-dev && npm install webpack-cli@^3.3.12 --save-dev
  

• 最后清理旧依赖并重新安装：

  rm -rf node_modules package-lock.json
  npm install
  

• 再运行你的开发命令：

  cross-env NODE_ENV=development webpack-dev-server --open --inline --hot --display-error-details
  

额外说明 #

你之前尝试的手动添加缺失模块的方法不可取，因为版本不兼容会导致整个依赖链出现大量不匹配的问题，手动补全只会引发更多新的缺失错误。这类核心工具的版本匹配一定要严格对应，建议以后更新webpack时，先查看官方文档确认配套工具的兼容版本范围。

内容的提问来源于stack exchange，提问作者Felipe Garcia