2

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

<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/[email protected]/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')
);

введите сюда описание изображения введите сюда описание изображения

0

1 ответ 1

4

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

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

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

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

1
  • Спасибо! Я как раз только что нашел этот момент!
    – Igor
    12 ноя 2017 в 19:31

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.