How to get rid of "Uncaught SyntaxError: Unexpected token <" in ReactJs?

Question

Just started my ReactJS and stuck at my very first try. I have a very basic code that throws "Uncaught SyntaxError: Unexpected token <".

index.html

<!doctype html>
<head>
    <title>My first ReactJs</title>
</head>
<body>
    <div id="container"></div>
    <script src="react.js"></script>
    <script src="script.jsx"></script>
</body>
</html>

script.jsx

var MessageButton = React.createClass({
    render: function(){
        return  (
            <button>Hello World</button>
        );
    }
});

React.render(<MessageButton/>, document.getElementById("container"));

Assuming that it could be missing JSX transformer library, I searched for it but couldn't find download anywhere. I work offline most of the time, so I do not wish to use plunkr or jsbin. Could do with some help.

what line is popping your error ? I don't think you need to use .jsx extension — François Richard
– François Richard, Commented Nov 11, 2015 at 10:18
<button>Hello World</button> is he line popping the error. I tried changing it to other valid html but none helped. — Bala
– Bala, Commented Nov 11, 2015 at 10:25

Quentin · Accepted Answer · 2015-11-11 11:27:57Z

3

First: Specify the type attribute of your JSX scripts so the browser doesn't try to execute them as JavaScript.

<script type="text/jsx" src="script.jsx"></script>

Second:

Either:

Load the JSXTransformer script (which requires an older version of React)

or

Compile the JSX using Babel:

Example taken from the docs:

babel --presets react src --watch --out-dir build

answered Nov 11, 2015 at 11:27

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get rid of "Uncaught SyntaxError: Unexpected token <" in ReactJs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related