Class 正在使用 Angular 功能但未使用 Typescript 4.8.2 进行装饰

Question

I'm getting this "Class is using Angular features but is not decorated" error on all my components on Angular since I upgraded Typescript to 4.8.2.

This error shows on the export class name of each component.

Has anyone expericenced this same issue?

@Component({
  selector: "app-members",
  templateUrl: "./members.component.html",
  styleUrls: ["./members.component.scss"]
})
export class MembersComponent implements OnInit {...

In this example the "MembersComponent" throws the error.

My tsconfig.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "esnext",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "noUnusedLocals": false,
    "target": "ES2021",
    "forceConsistentCasingInFileNames": true,
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "ES2021.String",
      "ES2021",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "preserveWhitespaces": true,
    "strictTemplates": true
  }
}

Answer 1

I had the exact same issue, the code still compiles and runs ok, but for now I have downgraded typescript to 4.7.4, ro prevent annoying errors in editor.. and also keeping an eye out for next version higher than 4.8.2 to see if any fix