JavaScript React Basics First Steps in React Add React to a Project

The CDN links for react are not working.

I followed along by going into react an pasting in the CDN link but it highlights red as an error whenI paste them in the index.html file

<!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 src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <script type="text/babel" src="./app.js"></script>

  </body>
</html>

Mod edit: corrected the markdown formatting. Remember to reference the Markdown Cheatsheet and preview your post before submitting.

1 Answer

Alex Koumparos
Alex Koumparos
Python Web Development Techdegree Student 35,868 Points

Hi Adam,

I copy-pasted your code (or at least what I think was your code after I fixed the markdown formatting) and it worked on my system.

Can you describe exactly what actual errors you got with your code? The only red I'm seeing is red underlining on "crossorigin" from the spell checker and then in Chrome dev tools the only red I'm seeing is a warning about the <input> tag (but this is in the app.js file, not index.html). Neither of these is a problem with the CDN links.

Cheers

Alex