部署React应用到Cloud Foundry时Buildpack检测失败，如何正确配置？

遇到的错误 #

ERROR: No buildpack groups passed detection.
ERROR: Please check that you are running against the correct path.
ERROR: failed to detect: no buildpacks participating

当前GitLab CI脚本 #

- cf login -u $CF_USERNAME -p $CF_PASSWORD -a $ENTRY_POINT -s dev -o $ORG
- cf push -f manifest.yml app-name --strategy rolling -b paketo-buildpacks/nginx
- cf logout

正确的Buildpack配置方式 #

1. 先完成React应用的构建 #

React应用需要先编译生成静态文件目录（默认是build），否则buildpack无法识别可部署内容。在CI脚本中添加构建步骤：

- npm install
- npm run build

2. 选择合适的Buildpack并正确配置 #

方案一：使用Cloud Foundry官方Staticfile Buildpack（推荐）

该buildpack专门适配静态站点，对React构建后的静态文件支持友好。

• 在manifest.yml中配置：

applications:
- name: app-name
  buildpacks:
    - staticfile_buildpack
  path: build  # 指定React构建后的静态文件目录
  strategy: rolling

• 调整后的CI脚本无需在cf push中指定-b参数，直接使用manifest配置：

- cf login -u $CF_USERNAME -p $CF_PASSWORD -a $ENTRY_POINT -s dev -o $ORG
- npm install
- npm run build
- cf push -f manifest.yml --strategy rolling
- cf logout

方案二：使用Paketo Nginx Buildpack

若坚持使用该buildpack，需确保其能识别静态文件目录：

• 在cf push时添加环境变量指定静态文件根目录：

- cf push -f manifest.yml app-name --strategy rolling -b paketo-buildpacks/nginx -e BP_WEB_SERVER_ROOT=build

• 或者在manifest.yml中配置：

applications:
- name: app-name
  buildpacks:
    - paketo-buildpacks/nginx
  path: build
  env:
    BP_WEB_SERVER_ROOT: build
  strategy: rolling

3. 关键注意事项 #

• 确保cf push的路径指向构建后的静态文件目录（如build），而非项目根目录（除非buildpack能自动识别）。
• 检查manifest.yml中的path配置是否正确，若未指定，默认使用当前工作目录，此时需确保工作目录下存在buildpack所需的标识文件（如Staticfile buildpack会识别Staticfile文件或build/dist目录）。

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