Angular 12迁移后构建命令--base-href参数失效问题求助

问题分析 #

迁移到Angular 12后，原构建命令执行时出现Property 'baseHref' does not match the schema错误，核心原因是命令中重复传递了--base-href和--baseHref参数，导致参数格式与配置schema冲突。

解决方案 #

1. 修正构建命令，避免重复参数 #

直接使用统一格式的参数，确保只传递一次--base-href：

nx run my-app:build:dev --base-href="https://xxx.dev/preview/master/"

或者保留原Angular CLI格式：

ng run my-app:build --configuration=dev --base-href="https://xxx.dev/preview/master/"

2. 动态设置base-href（推荐） #

如果需要根据不同环境动态调整base-href，可通过环境变量+配置文件实现：

• 打开angular.json，找到projects.my-app.architect.build.configurations.dev节点，添加动态配置：

  "baseHref": "${BASE_HREF}"
  

• 执行构建命令前先设置环境变量：

  # Linux/macOS
  BASE_HREF="https://xxx.dev/preview/master/" nx run my-app:build:dev
  
  # Windows（PowerShell）
  $env:BASE_HREF="https://xxx.dev/preview/master/" ; nx run my-app:build:dev
  

3. 排查配置文件中的重复定义 #

检查angular.json或nx.json中，dev环境的build配置是否已经定义了baseHref字段。如果已存在，要么删除该字段，让命令行参数生效；要么直接修改配置文件中的值，无需在命令行传递。

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