实验装饰者警告VSCODE

Sam*_*eos 5 typescript visual-studio-code angular2-cli angular

我正在研究Angular2-Typescript应用程序.我用angular-cli生成了如下项目:

ng new myApp
Run Code Online (Sandbox Code Playgroud)

但是当我创建一个新组件时,@ Component标签上会出现一个警告.

我试着在这篇文章后解决:

Visual Studio Code中的实验装饰器警告

但对我不起作用.

我附上我的tsconfig.json:

{
"compilerOptions": {
"declaration": false,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": ["es6", "dom"],
"mapRoot": "./",
"module": "es6",
"moduleResolution": "node",
"outDir": "../dist/out-tsc",
"sourceMap": true,
"target": "es6",
"typeRoots": [
  "../node_modules/@types"
  ]
 }
}
Run Code Online (Sandbox Code Playgroud)

打字稿版本是:"打字稿":"2.0.2"

Sam*_*eos 1

最后,我解决了我的问题,如下:

首先,更新 typescript 版本:

$ npm install typescript@next
Run Code Online (Sandbox Code Playgroud)

然后,在 vscode 中编辑用户首选项,添加以下内容:

{
  "typescript.tsdk": "node_modules/typescript/lib"
}
Run Code Online (Sandbox Code Playgroud)

感谢Peeskillet :)

  • 说明:您必须指示您的 *VSCode* 使用 *node* 依赖项之外的 TypeScript 库 - 而不是内置的依赖项。 (2认同)