Angular生产构建报错：未知元素与环境模块异常

NG8001：模板未知元素错误 #

针对fuse-progress-bar、router-outlet、vertical-layout-1未知的问题：

• 检查fuse-progress-bar和vertical-layout-1组件是否已在当前模块的declarations数组中注册，或是否导入了包含这些组件的对应模块（如Fuse框架模块、自定义布局模块）；
• 若使用的是Web组件或未注册的自定义元素，在当前模块的@NgModule中添加schemas: [CUSTOM_ELEMENTS_SCHEMA]，需先从@angular/core导入CUSTOM_ELEMENTS_SCHEMA；
• 确认RouterModule已正确导入到当前模块（通常在AppModule中通过RouterModule.forRoot(routes)导入），确保router-outlet能被识别。

TS2306：environment.prod.ts无效模块错误 #

• 验证项目src/environments目录下是否存在environment.prod.ts文件，检查文件路径拼写是否正确；
• 打开angular.json，确认生产环境配置中的fileReplacements是否正确配置：

"configurations": {
  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ]
  }
}

• 代码中直接导入environment.ts即可，不要手动导入environment.prod.ts，构建时会根据配置自动替换文件。

NG1010：模块导入无法静态求值错误 #

Angular生产构建要求@NgModule.imports中的内容必须是静态可分析的，不能依赖environment.production这类运行时变量：

• 移除imports数组中的条件判断逻辑，改为静态导入所有必要模块；
• 若需区分环境配置，将动态逻辑移至providers或bootstrap部分，或使用Angular提供的环境专属提供者；
• 可拆分模块文件，如创建app.module.dev.ts和app.module.prod.ts，分别配置不同环境的导入内容，再在angular.json中指定对应环境使用的模块文件。

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