WebStorm 中的 React/JSX 支持？

Posted 2023-02-21

【中文标题】WebStorm 中的 React/JSX 支持？

【英文标题】：React/JSX support in WebStorm?

【发布时间】：2017-08-23 05:52:33

【问题描述】：

我无法在 WebStorm 中获得 JSX 支持。也就是说，它无法识别 React 组件渲染方法中的 JSX。在我看来就是这样：

显然是可以的，而且网上有一些文档：

https://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/

它声明你应该使用 JSX Harmony，它可以在 Preferences | 中找到。语言和框架 | JavaScript。

但在我的 WebStorm 版本（即最新的 2016.3）中，JSX Harmony 没有这样的复选框。有一个叫做 JSX Emmet 的东西，默认情况下已经被选中了......但没有帮助。

【问题讨论】：

检查这个可能会有所帮助：***.com/questions/28798593/…

【参考方案1】：

我刚刚意识到有一个 javascript 语言版本下拉列表，您必须将其更改为 React JSX。我在文档中不清楚，也不清楚设置窗口中的“搜索”字段。

基本上你必须做到以下几点：

你完成了:)

【讨论】：

图片缺失，请同时提供文字说明

@JamieHutber 你是怎么解决的？我有同样的问题

我想我做了invalidate cache and restart phpstorm？试一试

如果有人有类似的问题......在我的情况下，我有主项目 .idea 文件夹和嵌套文件夹以及另一个 .idea 文件夹。只有在删除嵌套的 .idea 之后，我才能将语言更改为 JSX。

【参考方案2】：

我能够创建.jsx 文件，但在下一个会话中，WebStorm 不再识别它。 Override File Type 确实为我解决了这个问题。

另一种选择是创建一个没有扩展名的文件并使用自动对话框来关联类型：