程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何修复命令行生成的 React.js 项目,以便 IDEA 识别 JS 文件中的 JSX?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何修复命令行生成的 React.js 项目,以便 IDEA 识别 JS 文件中的 JSX??

开发过程中遇到如何修复命令行生成的 React.js 项目,以便 IDEA 识别 JS 文件中的 JSX?的问题如何解决?下面主要结合日常开发的经验,给出你关于如何修复命令行生成的 React.js 项目,以便 IDEA 识别 JS 文件中的 JSX?的解决方法建议,希望对你解决如何修复命令行生成的 React.js 项目,以便 IDEA 识别 JS 文件中的 JSX?有所启发或帮助;

我使用命令行“npx create-react-app my-app”生成了一个 React.Js 应用程序,然后在 IntelliJ IDea 中打开(文件/打开)生成的项目,但 IDea 无法识别 *.Js 文件中的 JsX 语法- 见下图。当我使用 IDea 菜单 New / Project / JavaScript / React 生成一个新的 React 项目时,没问题。请问如何修复命令行生成的项目?我正在使用 IntelliJ IDea ultimate 2020。

如何修复命令行生成的 React.js 项目,以便 IDEA 识别 JS 文件中的 JSX?

解决方法

我认为您应该将返回码包装到 React Fragment

<>
  <h1>My Todos...</h1>
  <div>Some content...</div>
</>
,

设置|语言和框架 | JavaScript,请确保将 JavaScript 语言版本 设置为 React JSX(使用 IDE 版本 2020.3 时)或 ECMAScript 6+ (IDEA 2020.3 或更高版本)

我还建议您在更改语言版本后重新打开该项目。如果它不能立即起作用,请尝试使缓存失效(文件 > 使缓存失效,使缓存失效并重新启动

大佬总结

以上是大佬教程为你收集整理的如何修复命令行生成的 React.js 项目,以便 IDEA 识别 JS 文件中的 JSX?全部内容,希望文章能够帮你解决如何修复命令行生成的 React.js 项目,以便 IDEA 识别 JS 文件中的 JSX?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。