ReactJS: Uncaught SyntaxError: Unexpected token (

Question

For some reason I'm getting Uncaught SyntaxError: Unexpected token (. No matter how simple the code is, I keep getting this error. There are similar questions but none solve this issue.

var Example = React.createClass({ render: function() { return ( <div> <h1> Hello </h1> </div> ); } }); ReactDOM.render( <Example/> , document.getElementById('example'));

<!DOCTYPE html> <html> <head> <script src="https://fb.me/react-0.14.2.js"></script> <script src="https://fb.me/react-dom-0.14.2.js"></script> </head> <body> <div id="example"></div> </body> </html>

I forgot to mention it says the syntax error is on line 1, which is render: function() — corasan
– corasan, Commented Nov 16, 2015 at 1:17
@epascarello I think it added the extra space when I used tidy. — corasan
– corasan, Commented Nov 16, 2015 at 1:50

Natural Lam · Accepted Answer · 2015-11-16 01:19:45Z

2

that is JSX syntax, you need to include the 'jsx transformer'. Base on Facebook's recommendation, you should use babeljs, https://babeljs.io/docs/usage/browser/

answered Nov 16, 2015 at 1:19

Natural Lam

7424 silver badges13 bronze badges

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

6 Comments

corasan Over a year ago

I found the problem. I had an atom package that was compiling my jsx file to js. Thank you for the help

malexanders Over a year ago

What package was that?

Kalanamith Over a year ago

@corasan it's no longer available

corasan Over a year ago

@Kalanamith what is no longer available?

Kalanamith Over a year ago

@corasan the link you have provided in the answer . please update

|

Collectives™ on Stack Overflow

ReactJS: Uncaught SyntaxError: Unexpected token (

1 Answer 1

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Related