実用的な例がここにありますので、ここに入ります。 fn
機能がすべき、とし、印刷することを、今WebStorm JSONファイル未解決の変数プロパティ(構文)
'use strict';
// Dependencies
const jsonFile = require('./file.json');
// Globals
const anotherFile = {
key: 'world'
}
const fn =() => {
console.log(jsonFile.key); // this 'key' is not recognized
console.log(anotherFile.key); // this 'key' is recognized
};
hello
:
{
"key": "hello"
}
そして、このような(NodeJS)と同じディレクトリにあるJSファイル:私は、次のようなfile.json
という名前のJSONファイルを持っていますコンソールにworld
私の問題は、WebStormは2番目のファイル(anotherFile
)をJavaScriptオブジェクトとして認識しますが、JSONからインポートされたファイルではそうはしません。
つまり、「key
」は紫色(テンプレート内)の色で表示され、もう1つは「未解決の変数キー」のときに表示される下線付きの白です。 はまた、私はanotherFile
を書くことができますし、それは私にすべての利用可能なオプション(関数、プロパティなど)が表示されますと、最初のファイル、jsonFile
で、それは文句を言わないながらkey
が存在することを意味します。
WebStormにJSONをJavaScriptオブジェクトとして認識させる方法はありますか? ありがとう!
編集:あなたはこの必要がありますPreference>Editor>File Types
でWebStorm 11.0.1
webstのバージョンormあなたは使っていますか? –
現在バージョン11.0.1です。元のトピックに追加する。 – Ted