TypeScript编译中的实验性装饰器警告

虽然VS Code对于TypeScript项目来说是一个很棒的编辑器，但它需要时不时地踢一下。通常，在没有警告的情况下，某些文件会导致它崩溃并报错。大部分修复似乎是保存并关闭所有打开的文件，然后打开tsconfig.json。在此之后，您应该能够重新打开有问题的文件而不会出现错误。如果不奏效，就打泡沫，冲洗，然后重复。

如果你的tsconfig.json使用files数组指定它的源文件，智能感知只有在有问题的文件被引用时才能正常工作，这样VS Code可以通过遍历输入文件树来找到它。

编辑:“重新加载窗口”命令(多年前添加的)应该一劳永逸地解决这个问题。

必须将typescript.tsdk添加到我的.vscode/settings.json:

"typescript.tsdk": "node_modules/typescript/lib"

在下面的位置<project_folder>/.vscode/settings.json中打开settings.json文件

或者您可以从下面提到的菜单中打开该文件

VSCode -> File -> Preferences -> Workspace Settings

然后在settings.json文件中添加以下行

{
"typescript.tsdk": "node_modules/typescript/lib",
"enable_typescript_language_service": false
}

这是所有。你不会看到关于'experimentalDecorators'的任何警告/错误

为了清晰和愚蠢。

1)打开.vscode/settings.json。

2)添加“typescript”。Tsdk ": "node_modules/typescript/lib"

3)保存。

4)重启Visual Studio代码。

我通过从tsconfig中删除"baseUrl": ""来纠正这个警告。json文件

当您选择“src”文件夹作为工作区文件夹时，也会发生此错误。

当选择“src”，“node_modules”所在的根文件夹时，错误消失

这个答案适用于使用Javascript项目而不是打印稿项目的人。你可以使用jsconfig.json文件来代替tsconfig.json文件。

在有修饰符警告的特殊情况下，你可以在文件内部写:

{
"compilerOptions": {
"experimentalDecorators": true
}
}

对于有问题的行为，最好在配置文件中指定“include”，并重新启动编辑器。如。

{
"compilerOptions": {
"target": "ES6",
"experimentalDecorators": true
},
"include": [
"app/**/*"
],
"exclude": [
"node_modules"
]
}

在项目中创建文件tsconfig。Json，然后添加这些行

{
"compilerOptions": {
"experimentalDecorators": true,
"allowJs": true
}
}

打开整个项目的文件夹而不是project-name/src

tsconfig。Json不在SRC文件夹中

如果您打开存在于项目外部的TS文件，您可能会遇到这个问题。例如，我正在使用lerna，并从另一个包中打开了一个文件。尽管另一个包有自己的tsconfig和实验性的装饰器，但VsCode并不尊重它。

@Injectable()
export class ColorsImmutable {

修复是在模块级或组件级注册服务 使用providers数组

providers:[ColorsImmutable ],

如果你在Visual studio工作。您可以尝试此修复

1. 卸载你的项目从visual studio
2. 转到项目主目录，打开“csproj”文件。

3. 将TypeScriptExperimentalDecorators添加到此部分，如图所示

   

   4. 在Visual studio中重新加载项目。
   李< / ol > < / >

   在这 location查看更多细节。

1. VScode开放。
2. 按ctrl +逗号
3. 请按照屏幕截图中的说明进行操作
   <李>搜索 李experimentalDecorators < / >
   1. 编辑它
   李< / ol > < / >

我必须在设置中添加以下内容。vscode的Json文件删除警告。

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode→偏好→设置

更新

正如Clepsyd指出的，这个设置已经被弃用了。你现在就需要使用

"js/ts.implicitProjectConfig.experimentalDecorators":true

我在tsconfig中添加了这个选项。将前端替换为angular-cli项目的名称。

在tsconfig中添加以下行。重新启动VS Code。

{
"compilerOptions": {
"experimentalDecorators": true,
"target": "es5",
"allowJs": true
}
}

"javascript.implicitProjectConfig.experimentalDecorators": true

将解决这个问题。

我不想赘述这一点，但一定要补充以下内容

• 工作区设置，而不是用户设置

在文件>>首选项>>设置

“javascript.implicitProjectConfig。experimentalDecorators”:真正的

这为我解决了这个问题，我尝试了我在这里和其他地方找到的一些建议。

如果您正在使用cli编译*。在ts文件中，可以使用以下命令设置experimentalDecorators:

 tsc filename.ts --experimentalDecorators "true"

请检查你在VS Code中打开了整个项目的文件夹，而不仅仅是src文件夹，因为如果你只打开src文件夹，那么ts.config.json(位于项目文件夹中)文件将不在范围内，VS将不识别实验装饰器参数。

在我的案例中，这解决了与此问题相关的所有问题。

我最近在Visual Studio 2017下遇到了这个问题——原来是由VS - 忽视tsconfig。当构建操作未设置为内容时，json的一个“功能”引起的。

因此，将Build操作更改为Content并重新加载解决方案就解决了这个问题。

File -> Preferences -> Settings . < / p >

你也可以尝试ng build。我刚刚重建了应用程序，现在它不遵守。

在Visual Code Studio 进入文件>>首选项>>设置，在搜索字段中搜索“decorator”，并检查图像中的选项。 < / p >

因此，您可以通过将模块名与文件名匹配来解决这个问题。如果模块名为BankSpecialtyModule，那么文件名应该是。bank-specialty.module.ts

如果你使用Deno JavaScript和TypeScript运行时，并且在tsconfig中启用了experimentalDecorators:true。json或VSCode ide设置。这是行不通的。根据Deno要求，在运行Deno文件时需要提供tsconfig作为标志。看到自定义TypeScript编译器选项

在我的特殊情况下，我正在运行一个Deno测试并使用。

$ deno test -c tsconfig.json

如果它是一个文件，你会有

 $ deno run -c tsconfig.json mod.ts

我tsconfig.json

{
"compilerOptions": {
"allowJs": true,
"experimentalDecorators": true,
"emitDecoratorMetadata": true,
"module": "esnext"
}
}

对我来说，这个错误“对装饰器的实验性支持”是一个在未来版本中可能会改变的特性。(等)“;只发生在Angular项目的VS Code中，并且只在创建一个新服务时发生。

上述解决方案:"在Visual Code Studio转到文件>>偏好在祝辞设置，搜索“decorator”;在搜索字段和检查选项JavaScript›隐式项目配置:实验Decorators"解决了问题。

此外，在终端窗口中停止ng服务并重新启动它可以使错误在重新编译后消失。

请按照以下步骤删除此警告信息。 < / p > < p >步骤1: 转到IDE中的设置，然后找到或搜索__abc1 . __abc1

步骤2:然后单击复选框，警告已在您的页面中删除。

谢谢快乐编码..........

我在下面的语句中有这个错误

对装饰器的实验性支持是一个在未来版本中可能会更改的特性。在你的tsconfig或jsconfig中设置'experimentalDecorators'选项来删除这个警告。ts(1219)

import {abcComponent} from '../app/abc/abc.component';

并在声明中注册它

创建一个新的Angular服务时，我会在vscode中得到这个警告

@Injectable({
providedIn: 'root'
})

语法(而不是在app.module.ts中提供服务)。

警告一直持续到我在项目的某个地方引用新服务为止。一旦该服务被使用，警告就会消失。不需要更改typescript配置或vscode设置。

您可以使用此代码运行

 tsc .\src\index.ts --experimentalDecorators "true" --emitDecoratorMetadata "true"

在我的情况下，我通过在我的tsconfig.json文件中设置"include": [ "src/**/*"]并重新启动vscode来解决这个问题。 我从一个github问题得到了这个解决方案:https://github.com/microsoft/TypeScript/issues/9335

我也有同样的问题。通过其他类导入带有“decorator warning”的类来修复。

"compilerOptions": {
...
"experimentalDecorators": true,
"strictPropertyInitialization": false
},

在我的例子中，我只需要将我创建的组件或模块导入到另一个模块中(例如共享模块)。以某种方式，VS Code实现文件的存在。

"extends": "../../tsconfig.base.json",

修复后，错误立即消失，不需要重新启动VS Code。

步骤1:在VS code中按CTRL +，

步骤2:在搜索框中输入js / ts。implicitProjectConfig:实验装饰器

步骤3:选中与搜索相关的复选框