How do I disable the following error in VS2015?
TS1219 Experimental support for decorators is a feature that is subject to change in a future release. Specify '--experimentalDecorators' to remove this warning.
I'm trying to use Angular2 annotations. I tried adding the following manually to the project file with no luck:
<TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
I've also install the TypeScript 1.5.0 beta extension.
Visual Studio 2015 supports tsconfig files starting with Typescript version 1.8. Create tsconfig.json file at the root of your project and add experimentalDecorators compiler option.
Example:
{
"compileOnSave": true,
"compilerOptions": {
"module": "commonjs",
"sourceMap": true,
"experimentalDecorators": true
}
}
For older versions:
https://github.com/Microsoft/TypeScript/issues/3934
If you have a project file, tsconfig will not be honored. the project file takes precedence. We are still flushing the integration story between a VS project and a tsconfig as you can specify compiler options in both.
so to disable the error message, right-click on project file, unload project, then right-click edit the project file, At the end of the file there should be a config section, add:
<PropertyGroup Condition="'$(Configuration)' == 'Debug'"> .... <TypeScriptExperimentalDecorators>true</TypeScriptExperimentalDecorators> </PropertyGroup>save and reload.
You may also need TypeScriptEmitDecoratorMetadata to map --emitDecroatorMetadata
Upgrade your IDE to the latest version. Then create tsconfig.json file at the root of your project if you don't already have one. Then add experimentalDecorators as a compiler option.
Example:
{
"version": "1.5.0",
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"declaration": false,
"noImplicitAny": false,
"removeComments": true,
"noLib": false,
"emitDecoratorMetadata": true,
"sourceMap": true,
"listFiles": true,
"outDir": "dist",
"experimentalDecorators": true
}
}
In Visual Studio 2015 you have to enable TypeScriptExperimentalDecorators in your TypeScript project file.
Unload the project file and then add this line:
<TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
I copied in the complete PropertyGroup so you can find where to add it:
<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
<TypeScriptRemoveComments>false</TypeScriptRemoveComments>
<TypeScriptSourceMap>true</TypeScriptSourceMap>
<TypeScriptTarget>ES5</TypeScriptTarget>
<TypeScriptJSXEmit>None</TypeScriptJSXEmit>
<TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
<TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
<TypeScriptModuleKind>System</TypeScriptModuleKind>
<TypeScriptOutFile />
<TypeScriptOutDir />
<TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
<TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
<TypeScriptMapRoot />
<TypeScriptSourceRoot />
<TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>
Found I had to add a tag for the metadata as well
<PropertyGroup Condition="'$(Configuration)|$(Platform)' == 'Debug|AnyCPU'">
<!--other -->
<TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
<TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>
</PropertyGroup>
http://www.cmichaelgraham.io/aurelia-typescript-samples/vs2015-samples/vs2015-samples.html
<TypeScriptToolsVersion>1.7</TypeScriptToolsVersion>
...........
<TypeScriptAdditionalFlags> $(TypeScriptAdditionalFlags) --emitDecoratorMetadata --experimentalDecorators </TypeScriptAdditionalFlags>
I encountered this problem also.
Encountered while:
My environment is:
My solution was:
<TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
If you cannot find the correct property group in the csproj file or you want the VS environment to add the correct property group automatically then simply toggle the "Produce outputs on build" under project properties > Build then do the project unload.
To note here I do not at this point have a tsconfig.json file. Adding a tsconfig.json file causes the problem to come back.
To further resolve the issue after adding a tsconfig.json file I followed the instructions on setting up typescript with .NET Core located here under "Install typings for dependencies" and "Update tsconfig.json".
To summarize (but please read for yourself):
"experimentalDecorators": true to compilerOptions in the tsconfig.jsonFor context. In addition to this error I was also experiencing the following:
The steps above resolved the specific error above for me. I hope this helps.
I had similar problem. I have quite some to share with my findings. I'm working on Angular 2 too (ng-book-2).
What am I using?
IDE: WebStorm
Typescript: 1.6.2
When: 10 Oct 2015
What am I doing?
I tried compiling my app.ts to app.js; however, I encounter this error:
error TS5052: Option 'emitDecoratorMetadata' cannot be specified without specifying option 'experimentalDecorators'.
This was my tsconfig.json BEFORE
{
"version": "1.5.0",
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"declaration": false,
"noImplicitAny": false,
"removeComments": true,
"noLib": false,
"emitDecoratorMetadata": true
},
"filesGlob": [
"./**/*.ts",
"!./node_modules/**/*.ts"
],
"files": [
"./app.ts",
"./typings/angular2/angular2.d.ts",
"./typings/es6-promise/es6-promise.d.ts",
"./typings/rx/rx-lite.d.ts",
"./typings/rx/rx.d.ts",
"./typings/tsd.d.ts"
]
}
This is my tsconfig.json AFTER
{
"version": "1.6.2",
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"declaration": false,
"noImplicitAny": false,
"removeComments": true,
"noLib": false,
"emitDecoratorMetadata": true,
"experimentalDecorators": true
},
"filesGlob": [
"./**/*.ts",
"!./node_modules/**/*.ts"
],
"files": [
"./app.ts",
"./typings/angular2/angular2.d.ts"
]
}
Changing the tsconfig.json from before to after effectively solves two problems of mine. One is the above and the other is the below problem. The latter problem is discussed here angular2 with ES6 should not reference es6-promise
typings/es6-promise/es6-promise.d.ts(11,15): error TS2300: Duplicate identifier 'Promise'. typings/es6-promise/es6-promise.d.ts(42,16): error TS2300: Duplicate identifier 'Promise'. typings/es6-shim/es6-shim.d.ts(475,11): error TS2300: Duplicate identifier 'Promise'. typings/es6-shim/es6-shim.d.ts(552,13): error TS2300: Duplicate identifier 'Promise'.
