Angular 13使用导出类型定义组件属性报未初始化错误排查

问题成因 #

这个报错和Angular版本差异没有关系，是TypeScript开启strictPropertyInitialization（严格属性初始化检查）规则后触发的编译提示：

该规则要求类的所有实例属性必须在构造函数执行结束前完成赋值，否则TS静态检查阶段就会抛出错误。

教程代码能正常运行，本质是教程项目的TS配置没有开启这个严格检查项。你写的currentQuiz属性是在ngOnInit的异步接口回调里赋值的，构造函数执行完成时该属性还未被赋值，因此触发报错。
之前尝试修改为Quiz[]的写法是错误的：你定义的Quiz类型本身就是匹配后端返回的单个对象结构，不是数组类型，就算绕开初始化报错，后续访问属性时也会出现类型不匹配问题。

可行解决方案 #

根据项目的类型安全要求，三选一即可：

• 方案1：标记属性为可选undefined（类型安全度最高）
  直接在类型声明中补充undefined类型，明确告知TS这个属性初始阶段可能不存在：

  currentQuiz: Quiz | undefined;
  

  后续模板中使用该属性时，需要搭配*ngIf="currentQuiz"做渲染前置判断，或者用可选链操作符currentQuiz?.highScore访问属性，避免运行时空值报错。
• 方案2：使用非空断言（明确属性使用时机时适用）
  如果你可以保证接口返回前不会访问currentQuiz属性，可以在属性名后加!非空断言，告诉TS跳过这个属性的初始化检查：

  currentQuiz!: Quiz;
  

  这种写法需要自行把控空值风险，一旦在属性赋值前访问就会触发运行时错误。
• 方案3：设置符合类型结构的初始默认值
  直接给属性赋一个和Quiz结构匹配的初始空值，等接口返回后再覆盖为真实数据，这种写法不需要额外做空值判断：

  currentQuiz: Quiz = {
    quiz: [],
    highScore: 0
  };
  

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