2016-10-12 12 views
0

実用的な例がここにありますので、ここに入ります。 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

+0

webstのバージョンormあなたは使っていますか? –

+0

現在バージョン11.0.1です。元のトピックに追加する。 – Ted

答えて

0

を使用した: をしかし、私はそれがデフォルトでこのようなものだったと思った...

screenshot

+0

JSONスキーマはありません.JSONのみです。しかし、Webstormの古いバージョン(11)では(現在のバージョンと2016年のバージョン)。 – Ted

+0

JSONのパターンは何ですか? –

+0

'* .bowerrc'、' * .jsb2'、 '* jsb3'、' * .json' – Ted

1

のアップグレードをしてみてください - あなたのコード2016.2で私にとってうまくいく:

enter image description here

関連する問題