如何实现OnInit且避免“类使用Angular特性但未装饰”错误

这个错误是升级TypeScript（尤其是5.0+版本）后，Angular与TS的类型检查联动更严格导致的——当类实现了Angular生命周期接口（比如OnInit），TS会默认判定你在使用Angular特性，要求必须添加对应的Angular装饰器。以下是几种保留OnInit实现的解决办法：

1. 给类添加对应Angular装饰器 #

如果SomeClass是组件、指令或管道，直接补上对应的装饰器即可，哪怕是最基础的配置：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-some', // 必须至少配置一项，比如selector、template或templateUrl
  template: '<div></div>'
})
export class SomeClass implements OnInit {
  ngOnInit(): void {
    // 你的初始化逻辑
  }
}

2. 给普通类/基类添加@Injectable()装饰器 #

如果SomeClass是用于继承的基类、工具类，但确实需要实现OnInit接口，添加@Injectable()装饰器可以让Angular识别这是一个受管理的类，规避TS的检查：

import { Injectable, OnInit } from '@angular/core';

@Injectable()
export class SomeClass implements OnInit {
  ngOnInit(): void {
    // 你的初始化逻辑
  }
}

3. 临时调整TS配置（不推荐） #

如果暂时不想修改代码，可以在tsconfig.json的angularCompilerOptions中关闭相关严格检查：

{
  "angularCompilerOptions": {
    "strictClassInheritance": false
  }
}

注意：这种方法会降低代码规范性，仅作为临时应急方案，优先推荐前两种方法。

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