Синтаксическая ошибка ReactJS: неожиданный токен '<' - PullRequest
Новая
       52

Синтаксическая ошибка ReactJS: неожиданный токен '<'

0 голосов
/ 08 июня 2018

Я проходил курс по udemy по реагирующим компонентам, и меня встретили с этим Синтаксическая ошибка .

У меня установлены следующие зависимости с использованием пряжи: "dependencies": {"babel-preset-env ":" 1.5.2 "," babel-preset-реакции ":" 6.24.1 "}

Вот файл myJSX: 

class Header extends React.Component {
    render() {
        return <p>This is from header</p>;
    }
}

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


ReactDOM.render(jsx, document.getElementById('app'));

Я использую эту команду для преобразования этого в основной файл JS: 

babel src/app.js --out-file=public/scripts/app.js --preset=env,react --watch

Пожалуйста, дайте мне знать, что я делаю здесь неправильно

1 Ответ

0 голосов
/ 08 июня 2018

Не на 100%, что это помогает, но, как указано в babel docs , вы должны использовать presets вместо preset

babel script.js --presets react

Итак, ваша полная команда babel: 

babel src/app.js --out-file public/scripts/app.js --presets env,react --watch
...