angular - 升级到 Angular 10 后 VS 代码编辑器中的装饰器错误

Question

Error: Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.

在具有相同项目的 Angular 9 中没有这样的错误。
Angular10 现在添加了 tsconfig.base.json 文件。tsconfig.json文件更新为:

{
  "files": [],
  "references": [
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.spec.json"
    }
  ]
}

tsconfig.app.json:

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    "outDir": "./out-tsc/app",
    "types": []
  },
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ],
  "include": [
    "src/**/*.d.ts"
  ]
}

tsconfig.base.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true,
  }
}

我注意到 tsconfig.json 的内容Angular 9 中的内容已移至 tsconfig.base.json在 Angular 10 中。

Answer 1

我在刚刚安装了 Angular 10 的 VSCode 中遇到了同样的问题，我检查了并且已经添加了实验性装饰器，但是，我还是收到了那个烦人的警告和波浪线，所以我所做的，我只是看到 vscode 正在使用旧版本的 typescript 所以，我点击了 vscode 的右下 Angular ，它显示了 3.8.3 版，然后我将其更改为安装了 angular 的最新版本，我的问题得到了解决。
让我知道它是否有帮助并解决了您的问题。
谢谢你