Подключаем реакт. Uncaught SyntaxError: Unexpected token <

270

13 ноября 2017, 22:41

Подключаю так:

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
<script src="assets/scripts/app.js"></script>

Проверяю консолью, если ли объект ReactDOM, как видно есть (если я все правильно понимаю) Однако не распознает HTML теги. Что не так?

// Это содержимое app.js
console.log(ReactDOM);
ReactDOM.render(
    <h1>Hello</h1>,
    document.getElementById('about-me__body')
);

Answer 1

Тот факт, что это не JavaScript

Просто загрузить браузерную версию Babel недостаточно, чтобы браузер внезапно начал поддерживать JSX в обыкновенных тегах с кодом. Необходимо также отметить скрипт соответствующим типом, text/babel. И этот момент освещён в документации по установке (секция In the browser).

<script type="text/babel" src="assets/scripts/app.js"></script>

...тогда заработает.

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

json в дерево с указанием id и parent

Есть json данные, чтобы отобразить их в jquery плагине генераторе дерева, нужно перевести в формат с указанием id и parent id, причем почти во всех плагинах...

309

javascript