Angular 17用application构建器时，预渲染依赖API路由致构建失败求助

AI 小北

2026-7-5

Angular 17 SSR 预渲染相关问题解答

1. 能否阻止预渲染阶段？

可以直接通过修改 angular.json 中的构建配置禁用预渲染：
找到项目对应的 architect > build 节点，将 prerender 选项设为 false 即可：

{
  "projects": {
    "[app-name]": {
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:application",
          "options": {
            "prerender": false,
            "server": "src/main.server.ts",
            "outputPath": "dist/[app-name]",
            // 其他原有配置...
          }
        }
      }
    }
  }
}

修改后执行 npm run build，只会构建浏览器端与服务端代码，不会触发预渲染流程。

2. 能否让服务在预渲染阶段前启动？

可以通过自定义 npm 脚本实现服务启动与预渲染的串行执行，步骤如下：

安装辅助工具：

npm install --save-dev concurrently wait-on

在 package.json 中添加自定义脚本：

{
  "scripts": {
    "start-api": "cd ../[你的API项目路径] && npm start", // 替换为实际启动API服务的命令
    "wait-api": "wait-on http://localhost:[API服务端口]", // 替换为API服务的实际地址
    "build-prerender": "concurrently -k -s first \"npm run start-api\" \"npm run wait-api && npm run build\""
  }
}

执行 npm run build-prerender 时，会先启动 API 服务，等待服务就绪后再触发 Angular 构建与预渲染，确保预渲染时能正常请求 API。