エラーが発生しちゃったので、自分用にメモ。
エラー内容
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"
}
