エラーが発生しちゃったので、自分用にメモ。
エラー内容
Angular2に入門しようと、上記サイトを見ながらVSCodeで写経をしていたら下記エラーが発生。
Experimental support for decorators is a feature that is subject to change in a future release. Specify '--experimentalDecorators' to remove this warning.
実行時には上記エラーは発生せず、VSCode上でのみエラーが表示される状態だったので、TypeScript向けの設定をVSCodeにしていないのが原因なんだろうな〜という感じ。
開発環境
- Visual Studio Code: 1.5.3
- TypeScript: 2.0.2
解決手順
ググったら、解決方法がわかったので、以下に列挙。
- tsconfig.jsonに
"experimentalDecorators": true
を追記
// tsconfig.json { "compilerOptions": { "declaration": false, "emitDecoratorMetadata": true, "experimentalDecorators": true, "lib": ["es6", "dom"], "mapRoot": "./", "module": "es6", "moduleResolution": "node", "outDir": "../dist/out-tsc", "sourceMap": true, "target": "es5", "typeRoots": [ "../node_modules/@types" ] } }
- VSCodeのユーザ設定でtypescript.tsdkのパスを指定
typescript.tsdkのパスは、Visual Studio Codeの [Code]->基本設定->ユーザ設定 で設定可。
// settings.json // 既定の設定を上書きするには、このファイル内に設定を挿入します { "typescript.tsdk": "node_modules\\typescript\\lib" }