WebStorm在jQuery项目中将所有$运算符突出显示为“未知”

Question

也许是一个新手问题：

为什么另一方面，当创建的页面在浏览器中运行正常时，为什么WebStorm IDE无法识别任何jQuery代码？

这就是我所做的：

• 我已经安装了WebStorm版本2018.2.6。
• 然后我下载了一个简单的jQuery演示项目，这个项目： http://javascriptbook.com/code/c07/example.html（html文件，css文件和.cs文件）。
• 然后我下载了一个缩小的jQuery“ jquery-3.3.1.min.js”。
• 我将所有文件都放在一个文件夹中，更改了相对路径并更新了jQuery文件名，因此在html文件中，它显示为“ <script src="jquery-3.3.1.min.js"></script> <script src="code.js"></script>”

当我通过WebStorm（=当我启动Chrome并由WebStorm提供Web服务器）查看时，一切正常。动画做得很好。

但是，在WebStorm IDE中，.js文件中所有$运算符的出现都标记为“未解析的函数”。

我找到了这些文章：

• phpstorm unresolved function or method $()
• I can't add jQuery to WebStorm, why?

所以我去了Languages & Frameworks | JavaScript | Libraries并下载并安装了“ jquery”。然后将其列为“ @ types / jquery”。 但是，错误突出显示仍然存在。

我是否需要进行更多源代码调动，或者如何使其工作？

Answer 1

使用缩小的库版本时，无法解析类型，但是下载类型（class RadioButtonsGroup extends React.Component { state = { value: 1 }; handlePersonToggle = event => { this.setState({ value: event.target.value }); }; render() { const { classes } = this.props; return ( <RadioGroup aria-label="matches" name="matches" value={this.state.value} onChange={this.handlePersonToggle} > {data.map(person => ( <div> <FormControlLabel value={person.Id} control={<Radio color="primary" />} /> <FormControlLabel value={person.Id} control={<Checkbox />} /> </div> ))} </RadioGroup> ); } } ）应该可以：

确保已正确下载该库（可以在 Project 工具窗口的外部库列表中看到它吗？）；无效的缓存（文件|无效的缓存，无效并重新启动）也可以帮助