CODEWITHSUNDEEP
htmlreactjs
Sebastian Caceres
Sebastian Caceres

Reputation: 21

React.js (Reference Error: React is not defined)

I've attached copies of the code below. Only two files in my project now, app.js and index.html. When I go to google developers' tool and console, the log statement isn't going through. When I type react or react-dom into console I am told Reference Error: React is not defined. This is what a Udemy tutorial has told me to do last updated 5/19 so this should work. I have tried putting import React from "react"; in the top of the files but that doesn't work either. Any suggestions?

//app.js
console.log("App.js is running!)


//index.html
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Indecision App</title>
</head>

<body>
  <script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
  <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
  <script src="/scripts/app.js"></script>
</body>

</html>

Upvotes: 2

Views: 676

Answers (1)

Drew Reese
Drew Reese

Reputation: 202595

Looks like you'll need to also specify the crossorigin attribute on the scripts as per the react CDN-links docs.

<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>

Upvotes: 1

Related Questions