WebStorm JSON文件未解析的变量属性（语法）

Question

实际例子在这里是最好的，所以这里。我有一个名为file.json的JSON文件：

{
    "key": "hello"
}

和同一目录中的JS文件（NodeJS）：

'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
};

现在，fn函数应该并且确实将hello和world打印到控制台。我的问题是，虽然WebStorm将第二个文件（anotherFile）识别为JavaScript对象，但它并没有使用从JSON导入的文件。

这意味着anotherFile.key有＆＃34; key＆＃34;紫色（在我的模板中）颜色，而另一个是纯白色，带有下划线，当它是＆＃34;未解决的变量键＆＃34;时。 也意味着我可以编写anotherFile并显示所有可用的选项（函数，属性等），key将在那里，而在第一个文件jsonFile中，它不会

有没有办法强迫WebStorm将JSON识别为JavaScript对象？ 谢谢！

编辑：使用WebStorm 11.0.1

Answer 1

请尝试升级 - 您的代码在2016年适用于我.2：

Answer 2

在ng-model你应该这样： 但我认为默认情况下就是这样......