React项目Webpack构建报错：TypeError: Cannot read property 'getArguments' of undefined

1. Webpack与Webpack-CLI版本不兼容 #

你当前使用的webpack@4.42.0和webpack-cli@5.0.1版本不匹配——webpack-cli v5仅支持webpack v5及以上版本，而你的webpack是v4，这直接导致了getArguments未定义的错误。

修复：
修改package.json中的webpack-cli版本为兼容webpack v4的版本，比如webpack-cli@4.10.0：

"devDependencies": {
  // ...其他依赖
  "webpack": "^4.42.0",
  "webpack-cli": "^4.10.0",
  "webpack-dev-server": "^3.10.3"
}

执行以下命令更新依赖：

npm install

2. Webpack配置文件语法错误 #

你的webpack.config.js中存在拼写错误：module.export应该是module.exports（缺少末尾的"s"），这会导致webpack无法识别配置文件，进而引发异常。

修复：
将配置文件的导出代码修改为：

module.exports = {
  // ...原有配置内容
}

3. CSS Loader规则配置错误 #

当前配置中用sass-loader处理.css文件，这是错误的——sass-loader仅用于编译.scss或.sass格式的文件，处理普通.css文件不需要它。

修复：
拆分CSS和SCSS的loader规则：

module: {
  rules: [
    // ...其他规则
    {
      test: /\.css$/,
      use: ["style-loader", "css-loader"]
    },
    {
      test: /\.scss$/,
      use: ["style-loader", "css-loader", "sass-loader"]
    }
  ]
}

4. React版本与React-Scripts版本不兼容 #

你使用的react@18.2.0和react-scripts@3.4.1版本不兼容，React 18需要react-scripts v5及以上版本支持，这可能导致后续构建或运行时出现其他问题。

修复：
更新react-scripts到兼容版本：

npm install react-scripts@latest

验证修复 #

完成上述修改后，重新执行构建命令：

npm run build

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