从GitHub部署Azure静态Web应用时Workflow报错求助

问题分析 #

核心问题是Azure Static Web Apps的CI/CD流程找不到有效构建命令，同时Oryx构建工具因构建命令缺失，连带出现Node.js环境初始化异常提示。你的package.json仅包含开发服务用的start命令，缺少Azure要求的build/build:azure脚本，也未配置自定义构建环境变量。

解决方案 #

两种直接有效的解决方式，任选其一即可：

方式1：修改package.json添加构建脚本 #

在package.json的scripts字段中添加build命令。由于你的项目是基础原生JS应用，无需编译步骤，只需将静态资源复制到Azure默认的部署输出目录public：

{
  "name": "vanilla-basic",
  "version": "1.0.0",
  "scripts": {
    "start": "sirv ./src public --cors --single --no-clear --port 8000",
    "build": "mkdir -p public && cp -r src/* public/"
  }
}

• mkdir -p public：确保输出目录存在，避免复制操作失败
• cp -r src/* public/：将src下所有静态资源复制到public目录，供Azure部署

提交修改到GitHub仓库后，重新触发CI/CD流程即可。

方式2：修改Azure Static Web Apps工作流文件 #

如果不想改动package.json，可直接编辑仓库中.github/workflows/azure-static-web-apps-<你的应用名称>.yml文件，在with字段里添加app_build_command参数指定自定义构建命令：

jobs:
  build_and_deploy_job:
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v3
        with:
          submodules: true
          lfs: false
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_<你的应用标识> }}
          repo_token: ${{ secrets.GITHUB_TOKEN }}
          action: "upload"
          ###### 仓库/构建配置 ######
          app_location: "/"
          api_location: ""
          output_location: "public"
          app_build_command: "mkdir -p public && cp -r src/* public/" # 新增该行指定构建命令
          ###### 配置结束 ######

若静态资源直接在src目录无需复制，也可将output_location设为src，并将app_build_command设为跳过构建的命令：

output_location: "src"
app_build_command: "echo '无需构建，直接部署'"

额外说明 #

• Node.js未安装的提示：配置好有效构建命令后，Oryx会自动检测并安装适配的Node.js版本，该提示会自动消失。
• 本地Mac/Safari环境不影响CI/CD流程：构建部署在GitHub的Ubuntu运行环境中执行，与本地环境无关。

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