Неожиданный токен (38: 8)

Question

Я новичок в реакции js и все еще учусь,

каждый раз, когда я перезагружаю свой компьютер и пытаюсь запустить Babel для преобразования JSX в ES6, я получаю ошибку ниже.

C:\Users\Abdel\Desktop\React Course\indecision-app>babel src/app.js --out-file=public/scripts/app.js --presetes=env,react --watch
SyntaxError: src/app.js: Unexpected token (38:8)
  36 | const renderApp = () => {
  37 |     const template = (
> 38 |         <div>
     |         ^
  39 |             <h1>{app.Title}</h1>
  40 |             {app.options && <h3>{app.subTitle}</h3>}
  41 |             <p>{app.options.length > 0 ? 'here Are your options' : 'Options are empty'}</p>
change src/app.js
SyntaxError: src/app.js: Unexpected token (38:8)
  36 | const renderApp = () => {
  37 |     const template = (
> 38 |         <div>
     |         ^
  39 |             <h1>{app.Title}</h1>
  40 |             {app.options && <h3>{app.subTitle}</h3>}
  41 |             <p>{app.options.length > 0 ? 'here Are your options' : 'Options are empty'}</p>

Я использую эти предустановки babel: реагируйте на версию 6.24.1 и версию env 1.5.2

, можете ли вы получить некоторую помощь для предотвращения этих ошибок в будущем?

Спасибо

Answer 1

Вам нужно импортировать React в ваш файл, чтобы он мог переносить вас в JSX, поместите это в начало вашего файла import React from "react";.

https://hackernoon.com/why-import-react-from-react-in-a-functional-component-657aed821f7a