react не может скомпилировать свой собственный синтаксис JSX

#reactjs #jsx

Вопрос:

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

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

Вышеизложенное на самом деле является допустимым синтаксисом JSX, так почему же он не может выдать мне ошибку компиляции?

Комментарии:

1. Какая версия react?

2. Как выглядит ваш конвейер сборки?

Ответ №1:

React поддерживает фрагменты начиная с версии 16.2 .

React v16.2.0: Улучшена поддержка фрагментов

итак, у вас есть старая версия react и старая версия react-scripts . Пожалуйста, обновите их до последних версий (например 16.13 , если вы не хотите переходить на версию 17) и реагируйте на сценарии 4.0.3 и повторите попытку.