You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用create-react-app执行npm run build失败,报HookWebpackError错误

解决create-react-app执行npm run build报HookWebpackError: Cannot read properties of undefined (reading 'e')的问题

根据你描述的情况,这个错误是webpack处理CSS资源时的loader内部异常,和你刚更新Node.js/npm后依赖兼容性有关,以下是几个可行的解决步骤:

  • 降级Node.js到LTS稳定版本
    最新版Node.js可能和create-react-app依赖的旧版css-loader等工具不兼容,建议切换到Node.js 18.x或20.x的LTS版本(可以用nvm快速切换版本)。

  • 彻底清理依赖并重新安装

    1. 删除项目根目录下的node_modules文件夹
    2. 删除package-lock.json文件
    3. 执行npm cache clean --force
    4. 重新执行npm install
  • 强制指定兼容的css-loader版本
    如果上面的方法无效,手动锁定css-loader到已知兼容的版本:

    1. 安装依赖强制解析工具:npm install -D npm-force-resolutions
    2. 在package.json中添加以下配置:
      "resolutions": {
        "css-loader": "^6.8.1"
      },
      "scripts": {
        "preinstall": "npx npm-force-resolutions"
      }
      
    3. 再次执行npm install
  • 升级react-scripts到最新稳定版
    旧版react-scripts可能存在和新Node版本的兼容性问题,执行npm install react-scripts@latest更新后,再尝试npm run build

内容的提问来源于stack exchange,提问作者Milán Nikolics

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.21 17:07:39