Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript React Basics (2018) First Steps in React Render an Element

Posted by Adam Fields
Adam Fields
4,487 Points

for some reason the react cdn appears to not be working

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Scoreboard</title> <link rel="stylesheet" href="./app.css" /> </head>

<body> <div id="root"></div>

----> <script crossorigin "https://unpkg.com/react@16/umd/react.production.min.js"></script> ---> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react- dom.production.min.js"></script> <script src="./app.js"></script> </body> </html>

2 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

Check these two lines in your html:

added missing src=

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>

removed space in react-dom

<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
Adam Fields
Adam Fields
4,487 Points

I think I fixed it for some reason the cross origin was messing it up so I took it out is that needed ?

Adam Fields
Adam Fields
4,487 Points
Adam Fields
Adam Fields
4,487 Points

I checked the src they are both there