使用GitHub部署React应用至Netlify时遇错误,无法完成网页托管
React应用部署Netlify失败的修复方案
从你提供的错误信息来看,核心问题是构建时找不到react-scripts模块,结合package.json的配置,按以下步骤排查修复:
补全本地依赖并提交锁文件
- 本地项目根目录执行:
rm -rf node_modules package-lock.json(Windows系统用rmdir /s node_modules && del package-lock.json) - 重新安装依赖:
npm install - 将生成的
package-lock.json提交到GitHub仓库,再触发Netlify重新构建
- 本地项目根目录执行:
核对Netlify构建配置
登录Netlify后台进入你的项目,到Site settings > Build & deploy > Build settings:- 确认Build command是
npm run build(和你package.json里的build脚本匹配) - 确认Publish directory为
build(React默认构建输出目录)
- 确认Build command是
确保react-scripts在生产依赖中
检查package.json,如果react-scripts在devDependencies里,Netlify生产环境构建会跳过该依赖,导致找不到模块。执行npm install react-scripts --save将其移至dependencies,提交代码后重新构建
内容的提问来源于stack exchange,提问作者Developer0009
相关产品推荐
相关产品推荐

