<html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js"></script> </head> <body> <div id="container"> </div> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script type="text/babel" src="hello.js"></script> </body> </html>
файл сценария hello. js:
const container = document.getElementById('container'); const div = <div><h1><u>hello, from react + jsx</u></h1></div> ReactDOM.render(div, container);
На странице ничего не отображается, а на консоли отображается ошибка:
**Uncaught ReferenceError: h1 is not defined at <anonymous>:18:17 at run (babel.js:61531) at check (babel.js:61597) at result.<computed>._extends.content (babel.js:61624) at XMLHttpRequest.xhr.onreadystatechange (babel.js:61549)**
и другая ошибка: Не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено)
Что не так?