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

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related