我收到了警告…

对装饰器的实验性支持是一个在未来版本中可能会更改的特性。设置'experimentalDecorators'选项'以删除此警告。

... 即使我的编译选项在tsconfig。Json有以下设置:

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

奇怪的是,一些使用装饰器的随机类不显示警告,但同一项目中的其他类会显示警告。

在TypeScript编译器中,什么会导致这种行为?


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

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

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


必须添加typescript。TSDK到我的.vscode/settings.json:

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

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

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

VSCode -> File -> Preferences -> Workspace 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项目而不是Typescript项目的人准备的。而不是tsconfig。Json文件,你可以使用jsconfig。json文件。

在有decorator警告的特殊情况下,你可以在文件内部写:

{
    "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并不尊重它。


我在Angular 2中创建可注入服务时也遇到了同样的问题。 我把所有的东西都放在tsconfig中。我仍然在ColorsImmutable行得到这个错误。

@Injectable()
export class ColorsImmutable {

修复方法是在模块级或组件级注册服务 使用providers数组。 提供者:[ColorsImmutable],


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

卸载你的项目从visual studio 转到项目主目录,打开“csproj”文件。 将TypeScriptExperimentalDecorators添加到此部分,如图所示 在Visual studio中重新加载项目。

在这个位置查看更多细节。


VScode开放。 按ctrl +逗号 按照屏幕截图中的说明操作 搜索有关 experimentalDecorators 编辑它


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

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode -> Preferences -> Settings

更新

正如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


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


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


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


在VSCode中,转到File => Preferences => Settings(或Control+逗号),它将打开用户设置文件。搜索“javascript.implicitProjectConfig。experimentalDecorators”:真正的 然后勾选experimentalDecorators到文件的复选框,它应该会修复它。对我来说确实如此。


当我创建一个新模块并移动我的*.module时,我遇到了这个错误。Ts和*-routing.module。Ts文件到另一个文件夹。在我删除了这两个文件并在新文件夹上创建了模块后,它可以完美地工作。 Angular版本9和Angular CLI版本9.1.0


如果你使用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"
  }
}

对我来说,这个错误“对装饰器的实验性支持是一个在未来版本中可能会更改的特性。(etc)”只会在Angular项目的VS Code中出现,而且只会在创建新服务时出现。

上面的解决方案:“在Visual Code Studio转到文件>>首选项>>设置,在搜索字段搜索“decorator”,并检查选项JavaScript›隐式项目配置:实验Decorators”解决了这个问题。

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


请按照以下步骤删除此警告信息。

步骤1: 在你的IDE中找到setting,然后搜索experimentalDecorators。

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


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

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

这是因为我的组件没有在AppModule或(app.module.ts)中注册 我简单地给命名空间

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中设置“include”:["src/**/*"]来解决这个问题。Json文件和重新启动vscode。 我从一个github问题得到了这个解决方案:https://github.com/microsoft/TypeScript/issues/9335


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


我在项目中使用了React和Nest。 后端显示此错误,但将这两行添加到react的tsconfig。Json出于某种原因修复了这个问题。此外,以上的一切都不适合我

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

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


这个错误也可能意味着tsconfig.json中有错误 以我为例,我在图书馆周围移动,没有固定路径

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

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


步骤1:在VS code中按ctrl +

步骤2:输入'js/ts。implicitProjectConfig: Experimental Decorators的搜索框

第三步:选中与搜索相关的复选框