基于已有GitHub仓库创建新Azure静态Web应用构建失败求助

问题分析 #

旧应用无build脚本却能正常构建，是因为Azure识别其为纯静态内容，跳过了Node.js构建流程；新应用触发了Node.js构建校验逻辑，要求必须存在build/build:azure脚本、自定义构建命令，或是符合monorepo结构，因此报错。

解决办法 #

方法1：添加build脚本到package.json #

由于你的应用核心内容在src目录，添加一个复制静态文件到Azure默认部署目录public的build命令即可：
修改后的package.json如下：

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

如果需要跨平台兼容性，可先安装cpy-cli作为开发依赖：

npm install --save-dev cpy-cli

再将build命令改为：

"build": "cpy './src/**/*' ./public/"

方法2：调整Azure静态Web应用的构建配置，跳过构建 #

直接让Azure部署src目录的静态内容，无需构建：

• Azure门户配置：进入静态Web应用的「构建配置」页面，将应用位置设为./src，输出位置留空。
• GitHub Actions工作流配置：修改.github/workflows/azure-static-web-apps-xxx.yml中的参数：

app_location: "./src"
output_location: ""

还可添加环境变量强制跳过构建：

env:
  SKIP_BUILD: true

方法3：重新创建应用时选择正确模板 #

若重新创建应用，选择静态HTML模板关联GitHub仓库，Azure会自动识别为纯静态内容，跳过build脚本的校验，直接部署。

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