Heroku部署应用遭遇webpack-cli TypeError问题求助

云原生阿岚

2026-8-8

Heroku部署时Webpack CLI报错：Cannot read properties of undefined (reading 'getArguments')

这个报错的核心原因是**@rails/webpacker 5.4.3与你安装的webpack 5、webpack-cli 5存在严重兼容性冲突**——webpacker 5.x系列是为webpack 4设计的，强行搭配webpack 5会导致内部依赖调用时出现未定义对象的错误，单纯更换webpack版本而不考虑配套依赖的兼容性自然无法解决问题。

具体解决方案：

回退webpack及webpack-cli到兼容版本
卸载当前高版本，安装webpacker 5.x官方适配的版本：
```
npm uninstall webpack webpack-cli
npm install --save-dev webpack@4.46.0 webpack-cli@4.10.0
```
清理依赖缓存并重新安装
避免旧依赖残留导致的冲突：
```
rm -rf node_modules
rm package-lock.json
npm install
```
解决babel依赖版本冲突
你的package.json中同时存在新旧两套babel预设（@babel/preset-react 7.x和babel-preset-react 6.x），这会导致编译逻辑混乱，需要清理旧依赖：
```
npm uninstall babel-preset-react babel-preset-es2015 babel-core
npm install --save-dev @babel/core@7.20.0
```
注意：babel-loader 9.x需要搭配@babel/core 7.14+版本，当前配置匹配无需调整。
调整webpack-dev-server版本
webpack 4需要搭配webpack-dev-server 3.x版本，替换现有4.x版本：
```
npm uninstall webpack-dev-server
npm install --save-dev webpack-dev-server@3.11.3
```

调整后的package.json参考：

{
  "dependencies": {
    "@babel/preset-react": "^7.18.6",
    "@rails/webpacker": "^5.4.3",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
    "html-webpack-plugin": "^5.5.0",
    "i18n-js": "^4.2.0",
    "prop-types": "^15.8.1",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "babel-loader": "^9.1.0",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.10.0",
    "webpack-dev-server": "^3.11.3"
  }
}