1

Тема: вивчення 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

2

Re: вивчення react.js

Спробуйте запустити цей код, якщо запрацює, проблема в підключенні бібліотек

Прихований текст

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.js"></script>
</head>
<body>
    <div id='game'></div>

    <script type="text/babel">
        var WindowGame = React.createClass({
        render: function()
        {
            return (
                <div>
                    <h1> Hello world!!!</h1>
                </div>
            );
        }
        });



        ReactDOM.render(
        <WindowGame />,
        document.getElementById("game")
        );
    </script>
</body>
</html>

Подякували: Kasper1

3

Re: вивчення react.js

Bygryn написав:

Спробуйте запустити цей код, якщо запрацює, проблема в підключенні бібліотек

Прихований текст

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.js"></script>
</head>
<body>
    <div id='game'></div>

    <script type="text/babel">
        var WindowGame = React.createClass({
        render: function()
        {
            return (
                <div>
                    <h1> Hello world!!!</h1>
                </div>
            );
        }
        });



        ReactDOM.render(
        <WindowGame />,
        document.getElementById("game")
        );
    </script>
</body>
</html>

Працює. Дякую.