Uncaught SyntaxError: Unexpected token '<'

Question

when i run this code in google chrome it dose not work it is just a blank page

<!DOCTYPE html>
<html>
  <head>
    <title> "REACT EXAMPLE"></title>
    <script src="react.js"></script>
    <script src="react-dom.js"></script>
  </head>
  <body>
    <div id="container"></div>
    <script type="text/jsx">
      ReactDOM.render(
        <h1> "hello, React!"<h1>,
        document.getElementById('container')
      );
    </script>
  </body>
<html>

score 0 · Accepted Answer · answered Jun 16 '20 at 13:49

0

You haven't closed the "h1" tag.

Do like that:

 <h1> "hello, React!"</h1>,

answered Jun 16 '20 at 13:49

Roman Unt

893
7
8

score 0 · Answer 2 · answered Jun 16 '20 at 13:52

why are you doing this in the body?

  <body>
    <div id="container"></div>
    <script type="text/jsx">
      ReactDOM.render(
        <h1> "hello, React!"<h1>,
        document.getElementById('container')
      );
    </script>
  </body>

this should be outside in your src/index.js file:

ReactDOM.render(<App />, document.getElementById('container'))

Uncaught SyntaxError: Unexpected token '<'

2 Answers2