Experimental support for decorators is a feature that is subject to change in a future release

Question

I just cloned angular2-seed project from github and followed the steps, but i got this warning into VS code [ts] Experimental support for decorators is a feature that is subject to change in a future release. Set the 'Exxperimentaldecorators' option to remove this warning.

There is something not working with my VS code and typescript — Mourad Idrissi, Sep 29 '16 at 13:26
Possible duplicate of [VSCode: Is it possible to suppress experimental decorator warnings](https://stackoverflow.com/questions/31737677/vscode-is-it-possible-to-suppress-experimental-decorator-warnings) — sumitjainjr, May 25 '18 at 11:34

score 20 · Answer 1 · answered Dec 13 '17 at 15:51

20

I had that issue when using @Injectable() on a new service that I created. I had that warning from VS Code's typescript compiler.

The warning disappeared when I added that new service as a provider to the module where I intended to use it.

Hopefully this solves your issue.

answered Dec 13 '17 at 15:51

MThi

323
2
5

Same here. Why is that the case? – trebor Dec 07 '22 at 16:54

score 20 · Answer 2 · answered Sep 16 '20 at 14:22

20

In Visual Studio code go to File -> Preferences -> Settings and check Experimental Decorators

answered Sep 16 '20 at 14:22

R15

13,982
14
97
173

score 16 · Answer 3 · answered Oct 09 '16 at 21:38

16

Go to File/preference/user settings in vscode, put this code

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

answered Oct 09 '16 at 21:38

Oussama Jabnouni

187
3

Currently the settings file is at: C:\Users\%username%\AppData\Roaming\Code\User\settings.json – alexkovelsky Oct 08 '20 at 09:02

Jared · Answer 4 · 2017-10-05T16:37:03.740

In your tsconfig.json file, add your project's path to the include property like this:

"include": [
    "app/**/*"
]

Or alternatively you can add individual files to the files property. Here is what my tsconfig.json looks like as an example (for an Angular2 app):

{
    "compileOnSave": false,
    "buildOnSave": false,
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "moduleResolution": "node",
        "removeComments": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "noEmitHelpers": true,
        "sourceMap": true,
        "types": [
            "node"
        ],
        "typeRoots": [
            "../node_modules/@types"
        ],
        "lib": [
            "es2015",
            "dom"
        ]
    },
    "files": [
        "app/main.ts",
        "app/app.module.ts"
    ],
    "include": [
        "app/**/*.ts"
    ],
    "exclude": [
        "node_modules",
        "dist",
        "build",
        "app/main.aot.ts"
    ]
}

The `exclude` option helped me – Zanecola Oct 16 '17 at 01:24 — Zanecola, Oct 16 '17 at 01:24

score 2 · Answer 5 · answered May 25 '18 at 11:45

2

Your tsconfig.json should be like this:

{
    "compilerOptions": {
        "experimentalDecorators": true
    },
    "files": [],     //add a "files" array (in my case empty)
    "exclude": [
        "node_modules"
    ]
}

Alternatively you can add a line in VSCode preferences (user settings)

"javascript.implicitProjectConfig.experimentalDecorators": true

answered May 25 '18 at 11:45

sumitjainjr

741
1
8
28

`javascript.implicit...` did not solve the issue for me, nor did eexperimentalDecorators added to compilerOptions – Caleb Jay Jan 31 '19 at 00:36
what does the addition of "files" do? – Noy Oliel May 12 '20 at 09:49

score 1 · Answer 6 · answered Jun 25 '20 at 11:09

1

In VS Code settings find "experimentalDecorators". This will list Extension->TypeScript with a property JavaScript-> Implicit Project Config -> Experimental Decorators enable this setting will resolve warrning

answered Jun 25 '20 at 11:09

Nasir Eqbal

11
1

score 1 · Answer 7 · answered Jul 25 '20 at 21:56

1

In VS Code, open settings.json and add this line:

"javascript.implicitProjectConfig.experimentalDecorators": true

answered Jul 25 '20 at 21:56

Edgar Quintero

4,223
2
34
37

score 0 · Answer 8 · answered Jun 24 '21 at 12:56

0

I get this warning in VS Code on newly added classes. Project compiles without any errors. When I start to reference the newly added class via import the warning diappears.

There is no need to change configuration in VS Code or Typescript in such case.

answered Jun 24 '21 at 12:56

michal.jakubeczy

8,221
1
59
63

Ash · Answer 9 · 2021-11-15T02:21:06.767

0

I solved a similar problem using a command like this

tsc .\app.ts --experimentalDecorators --target es6

where .\app.ts is the path of the file

edited Nov 15 '21 at 02:21

answered Nov 14 '21 at 15:34

Ash

35
6

score -1 · Answer 10 · answered Sep 28 '16 at 16:33

-1

It is due to the use of older version of typescript. You must upgrade your typescript version to remove this message.

npm install -g typescript@latest

Also you need to upgrade your npm to latest version as well.

answered Sep 28 '16 at 16:33

Abhinandan

429
8
13

2

I already have the latest version of typescript (2.0.3), I just upgraded npm but nothing has changed – Mourad Idrissi Sep 29 '16 at 13:24

Experimental support for decorators is a feature that is subject to change in a future release

10 Answers10