Uncaught SyntaxError: expected expression, got '< with react

Question

I am just hosting hello world with react and get the message:

Uncaught SyntaxError: expected expression, got '< with react

my code looks like this:

<html>
   <head>
   </head>
   <body>
      <div id="root">
         <!-- This element's contents will be replaced with your component. -->
      </div>
      <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
      <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
      <script>
         console.log("test")
         
         ReactDOM
         .createRoot(document.getElementById('root'))
         .render(<h1>Hello, world!</h1>);
         
      </script>
   </body>
</html>

<h1>Hello, world!</h1> is JSX code. This is not understandable by the navigators. You must have a tool like webpack or other to compile the react code. — HichamELBSI
– HichamELBSI, Commented Apr 16, 2022 at 15:31

zielvna · Accepted Answer · 2022-04-16 15:32:01Z

1

<h1>Hello, world!</h1> is jsx. You need babel to convert it to javascript.

answered Apr 16, 2022 at 15:32

zielvna

1695 bronze badges

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

Comments

David · Accepted Answer · 2022-04-18 10:10:41Z

0

So, i added:

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel">...

to make it work. I needed to understand, that i could use react without jsx or vs versa.

I also found this video, which explains the concepts of react very well imho: https://www.youtube.com/watch?v=SAIdyBFHfVU

edited Apr 18, 2022 at 10:10

answered Apr 17, 2022 at 21:29

David

3,1537 gold badges40 silver badges95 bronze badges

Collectives™ on Stack Overflow

Uncaught SyntaxError: expected expression, got '< with react

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related