ExperimentalDecorators警告

Question

我有一个Angular 4的应用程序，我尝试用jasmine和Karma进行测试。但是这个错误发生了。

对装饰器的实验性支持是一个在将来的版本中可能会发生变化的功能。设置'experimentalDecorators'选项以删除此警告。

这是我的tsconfig文件

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/",
    "baseUrl": "./",
    "sourceMap": true,
    "declaration": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es6",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "genDir": "aot",
    "strictMetadataEmit": true
  }
}

我刚编辑了VScode的settings.json并输入了这段代码

"typescript.tsdk": "node_modules\\typescript\\lib"

但没有奏效。

Answer 1

如果您不想创建文件jsconfig.json或tsconfig.json，您可以在Visual Studio代码中为所有项目启用experimentarDecorators：

1. 文件>首选项>设置
2. 搜索：experimentalDecorators
3. 启用复选框

Answer 2

我刚刚经历过同样的问题。我按照以下步骤解决了问题：

1-将此行添加到我的Visual Studio代码设置：“javascript.implicitProjectConfig.experimentalDecorators”：true，

2-将选项“experimentalDecorators”：true添加到项目的tsconfig.json文件的compilerOptions中。 （正如您在代码中已有的那样）

我的问题解决了。

Answer 3

如果您在Visual Studio Code中将项目打开的范围太窄（即VSC不知道您的tsconfig.json文件甚至存在）时单击任何相关声明，您仍会收到错误消息，因为它未在您的文件夹中打开视图。