react 无法编译自己的 JSX 语法

【问题标题】：react can't compile its own JSX syntaxreact 无法编译自己的 JSX 语法
【发布时间】：2021-06-28 20:58:10
【问题描述】：

./src/pages/profile/Profile.jsx
Syntax error: Unexpected token (24:5)

  22 | 
  23 |   return (
> 24 |     <>
     |      ^
  25 |       <Topbar />
  26 |       <div className="profile">
  27 |         <Sidebar />

<>
...
</>

以上实际上是有效的 JSX 语法，为什么它不能给我一个编译错误？

【问题讨论】：

什么版本的反应？
您的构建管道是什么样的？

标签： reactjs jsx

【解决方案1】：

React 从 16.2 版本开始支持 Fragment。

React v16.2.0: Improved Support for Fragments

所以你有一个旧版本的react 和一个旧版本的react-scripts。请将它们更新到最新版本（例如，16.13，如果您不想移动到版本 17）并将 react-scripts 更新到 4.0.3，然后重试。

【讨论】：