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

我收到警告...

对装饰器的实验支持是一项功能，将来的版本中可能会对其进行更改。设置'experimentalDecorators'选项`以消除此警告。

...即使我的tsconfig.json中的editorOptions具有以下设置：

"emitDecoratorMetadata": true,
"experimentalDecorators": true,

奇怪的是，某些使用装饰器的随机类没有显示该警告，而同一项目中的其余类却显示了该警告。

是什么导致TypeScript编译器中的此类行为？

尽管VS Code是TypeScript项目的出色编辑器，但它需要时不时地发挥作用。通常，某些文件会在没有警告的情况下吓跑并抱怨。通常，解决方法似乎是保存并关闭所有打开的文件，然后打开tsconfig.json。之后，您应该可以重新打开有问题的文件，而不会出现错误。如果不起作用，则起泡沫，冲洗并重复。

如果您tsconfig.json使用files数组指定其源文件，则IntelliSense仅在引用有问题的文件时才能正常运行，以便VS Code可以通过遍历输入文件树来找到它。

编辑：“重新加载窗口”命令（现在已经添加了很久了）应该彻底解决此问题。

我必须在vscode的settings.json文件中添加以下内容以删除警告。

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode->首选项->设置

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

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

文件->首选项->设置

在项目内部，创建文件tsconfig.json，然后添加以下行

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

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

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

在VSCode中，转到File => Preferences => Settings（或Control +逗号），它将打开User Settings文件。搜索“ javascript.implicitProjectConfig.experimentalDecorators”：true，然后选中该文件的experimentalDecorators复选框，它应该对其进行修复。它对我有用。

在Visual Code Studio中，转到“文件” >>“首选项” >>“设置”，在搜索字段中搜索“装饰器”，然后检查图像中的选项。

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

或者您可以从菜单中打开文件，如下所述

VSCode -> File -> Preferences -> Workspace Settings

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

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

就这样。您不会看到有关“ experimentalDecorators ”的警告/错误

此答案适用于使用Javascript项目而不是Typescript项目的人员。代替的tsconfig.json文件，你可以使用jsconfig.json文件。

在有装饰器警告您要在文件内部写入的特定情况下：

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

根据所提出的越野车行为，最好在配置文件中指定“ include”，然后重新启动编辑器。例如

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

"javascript.implicitProjectConfig.experimentalDecorators": true

将解决这个问题。

在tsconfig.json中添加以下行，然后重新启动VS Code。

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

不要太在意这一点，但请确保将以下内容添加到

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

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

“ javascript.implicitProjectConfig.experimentalDecorators”：是

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

我最近在Visual Studio 2017下遇到了这个问题-原来是由VS的“功能”引起的-Build操作未设置为Content时忽略tsconfig.json。

因此，将Build操作更改为Content并重新加载解决方案即可解决该问题。

为了清楚和愚蠢。

1）打开.vscode / settings.json。

2）在上面添加“ typescript.tsdk”：“ node_modules / typescript / lib”。

3）保存。

4）重新启动Visual Studio代码。

如果您在Visual Studio中工作。您可以尝试此修复

1. 从Visual Studio卸载项目
2. 转到项目主目录，然后打开“ csproj”文件。

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

   

   4. 在Visual Studio中重新加载项目。

在此位置查看更多详细信息。

如果您使用cli来编译* .ts文件，则可以使用以下命令来设置experimentalDecorators：

 tsc filename.ts --experimentalDecorators "true"

请检查您是否在VS Code中选择了整个项目的文件夹，而不仅仅是src文件夹，因为如果仅打开src，则ts.config.json（位于项目文件夹中）文件将不在范围内，并且VS无法识别实验装饰器参数。

就我而言，这解决了与此问题有关的所有问题。

1. 打开VScode。
2. 按Ctrl +逗号
3. 按照屏幕快照中的说明进行操作
   1. 搜索experimentalDecorators
   2. 编辑它

打开整个项目的文件夹，而不是项目名称/ src

tsconfig.json不在src文件夹中

我通过从tsconfig.json文件中删除“ baseUrl”：“”纠正了警告

如果打开项目外部存在的TS文件，则可能会遇到此问题。例如，我正在使用lerna，并从另一个软件包中打开了一个文件。尽管该其他程序包具有带有实验装饰器的tsconfig，但VsCode却不兑现。

在Angular 2中创建可注射服务时遇到了相同的问题。我在tsconfig.json中放置了所有内容。仍然在ColorsImmutable行遇到此错误。

@Injectable()
export class ColorsImmutable {

解决的方法是使用providers数组在模块级别或组件级别注册服务。

providers:[ColorsImmutable ],

如果您使用Deno JavaScript和TypeScript运行时，并且在tsconfig.json或VSCode ide设置中启用了experimentalDecorators：true。不起作用。根据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"
  }
}

我将此选项添加到tsconfig.json，"baseUrl": "front-end"用您的angular-cli项目的名称替换前端。

您也可以尝试使用ng build。我刚刚重建了应用程序，但现在不符合要求。

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

创建新模块并将* .module.ts和* -routing.module.ts文件移动到另一个文件夹时，我遇到了此错误。在删除两个文件并在新文件夹上创建模块后，它可以正常运行。环境Angular版本9和Angular CLI版本9.1.0