Почему babel не компилирует React код (ошибка: unexpected token)?

Question

[tj57]

Запускаю babel, пытаюсь скомпилировать входной файл, в консоли пишет ошибку, что не распознаёт JSX объект:

При этом ошибка появилась из ниоткуда, конфиг я не менял, всё работало нормально.

Comments

[AlexKindGeek]

1. Покажите весь код компоненты
2. webpack конфиг

[Владимир]

AlexKindGeek, Он бабелем птыается транспилить

Answer 1

[0xD34F]

const jsx = э-э-э, чё, это у вас тут фигурная скобка?

ошибка появилась из ниоткуда

Нет, она появилась из вашего невежества и лени. Вы бы почитали про jsx хоть что-нибудь, прежде чем начать код писать, чтобы вот так не позориться. Меняйте скобки на круглые.

Comments

[Роман Александрович]

Что-то сильно жесткая реакция по отношению к человеку задавшему вопрос. Вспомните как сами начинали когда них** не понятно.

[0xD34F]

Роман Александрович, а откуда вы взяли, что автор вопроса начинающий? Это не так - можете зайти в его профиль, да посмотреть, когда он начал вопросы тут задавать, почти два года назад. Это обнаглевший лентяй - сам документацию читать не желает, хочет, чтобы ему кто-то разжёвывал непонятное.

[Роман Александрович]

0xD34F, согласимся но это не значит что у вас должен гореть пукан)

[0xD34F]

Роман Александрович, опять какие-то домыслы. Откуда вы взяли, что у меня что-то горит?

[tj57]

0xD34F, я заметил ошибку сразу после публикации вопроса, то что просто ошибся в синтаксисе. Сейчас изучаю React, поэтому возникают такие моменты. Вопрос бы сразу же удалил, вот только здесь такой функции нет

Answer 2

[Антон Спирин]

Исправленный вариант:

const jsx = (
  <div>
    <h1>Title</h1>
    <Header />
    <Action />
  </div>
);

Answer 3

[Владимир]

Почему babel

https://babeljs.io/docs/en/babel-plugin-transform-...
Хотя я не встречал еще людей которые бабелем jsx транспилят

Обычно это используют
https://github.com/facebook/create-react-app#npm-r...