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

Я новичок, чтобы реагировать на 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.

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

Спасибо

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
0
63
1

Ответы 1

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

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

Спасибо за ваш ответ, я добавил эту строку в свой код, но все равно получаю ту же ошибку.

Abdellah Brashe 02.03.2019 20:41

Вы неправильно написали presets как presetes. Если вы все еще боретесь, и для всех остальных вы можете просмотреть этот ответ здесь stackoverflow.com/a/38576198/2466477

sanjsanj 03.03.2019 10:55

Другие вопросы по теме

Похожие вопросы