Angular 14中导入environment为何得到Module而非常量？

以下是排查和解决的具体步骤：

• 检查替换目标文件的导出格式
  确保environment.localdev.ts和原文件保持一致的导出结构，必须是export const environment = {...}的形式，不要使用默认导出（export default）或其他导出方式，否则解构导入会获取到错误内容。

• 验证fileReplacements路径正确性
  核对angular.json中配置的replace和with路径是否与实际文件路径完全匹配，注意目录层级、文件名大小写，确认projects/nr-b2b/src/environments/目录下确实存在这两个文件。

• 确认localdev配置关联了fileReplacements
  检查angular.json里projects.nr-b2b.architect.build.configurations.localdev节点下是否包含了fileReplacements配置，避免把替换规则误写到其他环境（比如dev）的配置中。

• 清理缓存重启服务
  执行命令清理Angular缓存：

  ng clean
  

  之后重新启动服务：

  ng serve --project=nr-b2b --configuration=localdev
  

• 排查循环引用问题
  检查environment文件和导入它的文件之间是否存在循环引用，这种情况会导致模块解析异常，出现Module对象而非预期的常量。

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