我收到了警告…
对装饰器的实验性支持是一个在未来版本中可能会更改的特性。设置'experimentalDecorators'选项'以删除此警告。
... 即使我的编译选项在tsconfig。Json有以下设置:
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
奇怪的是,一些使用装饰器的随机类不显示警告,但同一项目中的其他类会显示警告。
在TypeScript编译器中,什么会导致这种行为?
我收到了警告…
对装饰器的实验性支持是一个在未来版本中可能会更改的特性。设置'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代码。
这个答案是为那些使用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
}
}
如果您打开存在于项目外部的TS文件,您可能会遇到这个问题。例如,我正在使用lerna,并从另一个包中打开了一个文件。尽管另一个包有自己的tsconfig和实验性的装饰器,但VsCode并不尊重它。
我在Angular 2中创建可注入服务时也遇到了同样的问题。 我把所有的东西都放在tsconfig中。我仍然在ColorsImmutable行得到这个错误。
@Injectable()
export class ColorsImmutable {
修复方法是在模块级或组件级注册服务 使用providers数组。 提供者:[ColorsImmutable],
如果你在Visual studio工作。您可以尝试此修复
卸载你的项目从visual studio 转到项目主目录,打开“csproj”文件。 将TypeScriptExperimentalDecorators添加到此部分,如图所示 在Visual studio中重新加载项目。
在这个位置查看更多细节。
我必须在设置中添加以下内容。vscode的Json文件删除警告。
"javascript.implicitProjectConfig.experimentalDecorators": true
VSCode -> Preferences -> Settings
更新
正如Clepsyd指出的,这个设置已经被弃用了。你现在就需要使用
"js/ts.implicitProjectConfig.experimentalDecorators":true
在tsconfig中添加以下行。重新启动VS Code。
{
"compilerOptions": {
"experimentalDecorators": true,
"target": "es5",
"allowJs": 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并重新加载解决方案就解决了这个问题。
因此,您可以通过将模块名与文件名匹配来解决这个问题。如果模块名为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
我在项目中使用了React和Nest。 后端显示此错误,但将这两行添加到react的tsconfig。Json出于某种原因修复了这个问题。此外,以上的一切都不适合我
"compilerOptions": {
...
"experimentalDecorators": true,
"strictPropertyInitialization": false
},
这个错误也可能意味着tsconfig.json中有错误 以我为例,我在图书馆周围移动,没有固定路径
"extends": "../../tsconfig.base.json",
修复后,错误立即消失,不需要重新启动VS Code。
步骤1:在VS code中按ctrl +
步骤2:输入'js/ts。implicitProjectConfig: Experimental Decorators的搜索框
第三步:选中与搜索相关的复选框