Github Actions部署Azure Web Apps时React构建编译失败求助

问题核心 #

部署阶段React在CI模式下会将代码警告判定为错误，导致编译失败，需要将CI环境变量设为false关闭该严格检查模式，但你之前的两种配置方式因环境语法或YAML格式错误失效。

正确解决方案 #

方案一：修改package.json的build脚本（跨平台兼容） #

Windows环境不支持Linux/macOS的CI=false command语法，推荐用cross-env包实现跨平台环境变量设置：

1. 安装依赖：

npm install cross-env --save-dev

2. 修改package.json中的scripts：

"scripts": {
  "build": "cross-env CI=false react-scripts build"
}

若不想安装额外包，仅适配Windows环境可写成：

"scripts": {
  "build": "set CI=false && react-scripts build"
}

方案二：修正GitHub Workflow的YAML配置 #

你之前的错误是env的缩进位置错误，它应与run同级，属于步骤的顶层配置，而非run脚本的一部分：

- name: npm install, build
  env:
    CI: false
  run: |
    npm install
    npm run build --if-present

错误原因说明 #

1. 第一种方法报错：Windows cmd不识别CI=这种Linux风格的环境变量设置语法，需改用set命令或跨平台工具。
2. 第二种方法报错：YAML缩进错误，env:被当成了run脚本内的命令，而非步骤的环境变量配置项。

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