Rails Webpacker React项目运行webpack-dev-server出现ServeCommand错误如何解决

错误根因 #

该报错由依赖包版本不兼容触发：Rails Webpacker 5.4.2 适配的是 webpack-cli 3.x 和 webpack-dev-server 3.x 版本，你当前安装的 webpack-dev-server@4.x 和后续自动安装的 @webpack-cli/serve@1.x 与旧版 webpack-cli 互不兼容，无法正常调用构造方法。

解决步骤 #

• 卸载所有冲突依赖

yarn remove @webpack-cli/serve webpack-dev-server webpack-cli

• 安装匹配版本的依赖包

yarn add -D webpack-cli@3.3.12 webpack-dev-server@3.11.3

• 清理缓存并重装所有依赖避免残留问题

rm -rf node_modules tmp/cache
yarn install

• 重新启动服务验证

./bin/webpack-dev-server

补充说明 #

@webpack-cli/serve 是 webpack-cli 4.x 及以上版本才需要单独安装的扩展包，webpack-cli 3.x 内置了serve相关功能，之前弹出的安装提示是版本不匹配导致的误触发，无需安装该包。

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