Подключаем реакт. Uncaught SyntaxError: Unexpected token <
233
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>
...тогда заработает.
-
14:06
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47697 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30544 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23724 visits
- Как через css изменить цвет png изображения? 10373 visits
- Blob video url download 9980 visits
- Php curl запрос через прокси с авторизацией 9239 visits
- Работа с captcha vk api 8116 visits
© "hostciti.net" 24.1.2025 | 07:24