使用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快速切换版本)。彻底清理依赖并重新安装
- 删除项目根目录下的
node_modules文件夹 - 删除
package-lock.json文件 - 执行
npm cache clean --force - 重新执行
npm install
- 删除项目根目录下的
强制指定兼容的css-loader版本
如果上面的方法无效,手动锁定css-loader到已知兼容的版本:- 安装依赖强制解析工具:
npm install -D npm-force-resolutions - 在
package.json中添加以下配置:"resolutions": { "css-loader": "^6.8.1" }, "scripts": { "preinstall": "npx npm-force-resolutions" } - 再次执行
npm install
- 安装依赖强制解析工具:
升级react-scripts到最新稳定版
旧版react-scripts可能存在和新Node版本的兼容性问题,执行npm install react-scripts@latest更新后,再尝试npm run build
内容的提问来源于stack exchange,提问作者Milán Nikolics
相关产品推荐
相关产品推荐

