React.js не выводит "hello world"
Привет. Нашол в нете учебник на русском, сделал в точности как там но почему то не работает.... подскажите пожалуйста почему?!)
<!DOCTYPE>
<html>
<head>
<script src="react/react.js"></script>
<script src="react/react-dom.js"></script>
<script src="react/browser.min.js"></script>
<script type="text/babel">
var WindowGame = React.createClass({
render: function()
{
return (
<div>
<h1> Hello world!!!</h1>
</div>
);
}
});
ReactDOM.render(
<WindowGame />,
document.getElementById("game")
);
</script>
</head>
<body>
<div id='game'>
</div>
</body>
</html>
ошибка в консоли: Uncaught SyntaxError: Invalid regular expression: /[?µ?A-OO-oo-??-??-????-????-????-???-??-??-??-??-???-??-??-??-????-???????-????-??-???-?????-?????-??-??-????-??-??-????-??-???-??????-????-????-??-????????-???-??-??-??-??-????-??????-????-??-????-?????-????-??-??-?????????-??-???-??-??-??-???????-??-??-??-??-????????-??-??-??????-??-??-??-???-??-????-?????????-??-??-??????-?????-???-???-??-??-??-???-??-?????-??-???-????-??-??-??-???-??-??-??-??-??-???-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-????-??-???-??-??-??-??-??-??-??-???-??-??-????-??-??-??-??-??-????-??-??-??-??-??-?????-??-??-???-??-??-??-??-??-??-????-????-???-?????-??-??-???-??-??-??-??-????-????-???-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-??-????-??-??-??-??-??-??-????-??-??-??-??-??-??-???-??-??-??-???-??-??-??-??-??-??-???-?????-????-??-??-??-??-??-??-??-??-??-????-??-??-??-??-??-??-??-???-??-??-???????-??-??-??-??-??-??-?A-Za-z?-??-??-??-??-?]/: Range out of order in character class at RegExp (<anonymous>) at Object.r.629 (browser.min.js:30) at i (browser.min.js:2) at browser.min.js:2 at Object.r.616.613 (browser.min.js:27) at i (browser.min.js:2) at browser.min.js:2 at Object.r.612.614 (browser.min.js:27) at i (browser.min.js:2) at browser.min.js:2 |
Вам Babel жалуется, что не может ничего понять из написанного (browser.min.js это babel). Забиваем в гугл цитату из ошибки (я внес Range out of order in character class), добавляем два слова react и babel (т.к. ругается у нас именно babel) и лицезреем самым первым результатом решение проблемы.
Спойлер: Нужен мета-тег <meta charset="utf-8" /> Без него в принципе верстать даже без бабеля/реакта не комильфо. Есть еще набор мета-тегов, необходимых, например, для нормального отображения на мобильных устройствах. Загуглите их все, внесите в шаблон html-странички и используйте всегда. |
| Часовой пояс GMT +3, время: 19:37. |