Angular 构建的 Visual Studio Code 'experimentalDecorators' 问题

Question

我在使用 VSC 时遇到问题，我的所有打字稿类都在触发智能感知并出现以下警告：

"[ts] 实验性支持是一项可能会更改的功能 在未来的构建中。将“experimentalDecorators”选项设置为删除 这个警告。”

这是一个记录在案的问题，这些帖子中记录了各种修复：

• https://github.com/Microsoft/TypeScript/issues/9335
• Experimental decorators warning in Visual Studio Code

但是我使用的是现在更新版本的 VSC（实际上是我今天更新它似乎触发了某些事情），因此这里提到的解决方案似乎都不起作用。

我有：

• 在我的 .vscode 设置中添加了 "typescript.tsdk": "../node_modules/typescript/lib" 选项
• 删除了应用程序根目录中 tsconfig.json 文件中的多行，包括 lib、baseUrl 等，在两次尝试之间完全重新打开 VSC
• 在我的 package.json 中尝试了备用 Typescript 版本
• 偶然重新启动了我的计算机

这是我当前的 tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

我使用的是 VSC 版本 2.3.2，我的 package.json 中的 TS 版本设置为“typescript”：“~2.2.0”。

这里有什么我遗漏的吗？

Answer 1

this is what what worked for me:  
tsconfig.js (relevant part):
{
  "compilerOptions": {
    ...
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "outDir": "dist",
    ...
  },
  "include": [
    "src/index.ts"
  ]
}

这是完整的文件：

{
  "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "allowJs": true,
    "lib": [
      "es6"
    ],
    "module": "commonjs",
    "moduleResolution": "node",
    "outDir": "dist",
    "sourceMap": true,
    "target": "es6"
  },
  "include": [
    "src/db/**/*.ts",
    "src/index.ts"
  ]
}

基本上我只是添加了 include 属性而不是使用 files 属性。