访问Angular不存在的成员未触发编译错误，咨询是否正常

这是个很典型的场景，不一定是编译器出问题，大概率是你的项目配置或者类型定义的问题导致检查被放宽了，咱们来拆解可能的原因：

1. 模板严格类型检查未开启 #

Angular的模板类型检查（也就是检测未声明属性这类问题）依赖于TypeScript的严格配置，尤其是Angular 9及以后引入的strictTemplates选项。如果你的项目没开启这些配置，模板里的类型检查会非常宽松：

• 打开项目根目录的tsconfig.json，检查是否有以下配置：

  {
    "compilerOptions": {
      "strict": true // 开启所有严格类型检查选项，包含strictTemplates
    },
    "angularCompilerOptions": {
      "strictTemplates": true // 单独开启模板严格检查，即使compilerOptions.strict为false也可以设置
    }
  }
  

  如果strict或strictTemplates是false，Angular不会在模板中强制检查属性是否存在。

2. 你的hero变量类型过于宽松 #

如果hero被定义为any类型，或者是object类型，TypeScript和Angular编译器都无法对它的属性做校验：

• 错误示例（不会触发检查）：

  // 组件类中
  hero: any = { name: '张三' };
  // 或者
  hero: object = { name: '张三' };
  

• 正确示例（会触发检查）：

  // 先定义严格的类型
  interface Hero {
    name: string;
    // 没有marker属性
  }
  
  // 组件类中
  hero: Hero = { name: '张三' };
  

  当hero是严格的自定义类型时，访问hero.marker就会触发编译错误。

3. 你使用了JIT编译而非AOT编译 #

Angular的JIT（即时编译）模式下，模板类型检查的力度远弱于AOT（预编译）模式。如果你是用ng serve默认启动（某些旧版本Angular默认JIT），可能不会检测到这类错误。

• 尝试用AOT模式编译项目，看是否会触发错误：

  ng build --aot
  

  AOT编译会在构建阶段严格检查模板中的类型问题。

验证步骤总结 #

1. 确认tsconfig.json中strict或strictTemplates为true；
2. 确保hero的类型不是any/object，而是有明确属性定义的接口或类；
3. 用AOT模式编译项目，看是否出现预期的编译错误。

如果以上配置都正确，但还是没触发错误，那可能是Angular/TypeScript版本的兼容性问题，可以尝试升级到稳定的最新版本再测试。

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