cypress-io/github-action无法向Firebase模拟器环境下的React应用传递环境变量的求助

我之前也碰到过完全一样的问题——firebase emulators:exec默认会创建一个隔离的运行环境，不会自动继承父进程（也就是GitHub Action Runner）的所有环境变量，这就是你配置的REACT_APP_ANY_KEY没法被yarn start识别的核心原因。下面给你几个不用硬编码变量的可行方案：

方案一：通过.env文件传递变量（推荐，适合大量变量） #

这个方法利用Firebase模拟器的--export-env参数，先把需要的环境变量导出到.env文件，再让模拟器加载该文件并传递给React应用：

1. 在GitHub Action的Cypress运行步骤前，添加一个步骤将变量导出到项目根目录的.env文件：

- name: Export React env vars to .env
  run: |
    # 把所有需要的REACT_APP_*变量追加到.env文件中
    echo "REACT_APP_ANY_KEY=${{ secrets.REACT_APP_ANY_KEY }}" >> .env
    echo "REACT_APP_PROJECT_ID=${{ secrets.REACT_APP_PROJECT_ID }}" >> .env
    # 按需添加其他需要传递的环境变量

2. 修改package.json里的ci:start:emulator命令，加上--export-env .env参数：

"ci:start:emulator": "firebase emulators:exec --export-env .env 'yarn start'"

Firebase模拟器会读取.env文件中的变量，并将其注入到yarn start的运行环境中，Create React App会自动识别所有带REACT_APP_前缀的变量。

方案二：在命令中显式传递变量（适合少量变量） #

如果你的环境变量数量不多，可以直接在firebase emulators:exec的子命令里引用父进程的环境变量，借助cross-env确保跨平台兼容：

"ci:start:emulator": "firebase emulators:exec 'cross-env REACT_APP_ANY_KEY=$REACT_APP_ANY_KEY REACT_APP_PROJECT_ID=$REACT_APP_PROJECT_ID yarn start'"

这里的$REACT_APP_ANY_KEY会直接引用GitHub Action Runner环境中已设置的变量，Shell会在执行yarn start前自动代入变量值。

注意事项 #

• 确保所有需要React识别的变量都带有REACT_APP_前缀，这是Create React App的默认识别规则；
• 如果项目已有.env文件，建议使用.env.ci这类专用文件名，避免覆盖原有配置，同时在命令中指定--export-env .env.ci；
• 检查GitHub Action的env配置，确保Secrets名称和变量名拼写完全一致，避免因笔误导致变量无法传递。

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