通过GitHub Action用Surge部署React应用时报找不到./build目录如何解决
报错原因及解决方案
报错核心为执行Surge部署命令时,工作目录下不存在指定的./build目录,常见诱因及对应解决方法如下:
- 缺失项目构建步骤:GitHub Action工作流配置中没有添加React项目构建环节,直接执行了部署操作。需要在Surge部署步骤前补充依赖安装、项目构建的相关命令,参考配置如下:
- name: 安装项目依赖 run: npm install - name: 构建React项目 run: npm run build # 后面再接Surge部署步骤
- 构建步骤执行失败:虽然配置了构建步骤,但执行过程中出现报错(例如依赖安装失败、代码语法错误、构建参数配置错误等),导致没有正常生成build目录。可以检查GitHub Action的构建步骤运行日志,定位报错点修复后重新运行工作流即可。
- 工作目录配置错误:如果你的React项目没有存放在仓库根目录,而是放在子目录(例如
frontend文件夹)下,需要在部署前切换到对应子目录,或者修改Surge命令中的路径为实际的build目录路径,示例:surge ./frontend/build https://reactapp-saim.surge.sh --token ***。 - 构建输出目录自定义:部分项目会修改React的默认构建输出目录名称(例如改为
dist),可以检查package.json中build命令的配置,确认实际输出目录名称后,替换Surge命令中的路径即可。
内容的提问来源于stack exchange,提问作者Wajid Hussain
相关产品推荐
相关产品推荐

