Access to XMLHttpRequest at ‘file:///home/h/Documents/personal/self%20study/react/scrimba/Scrim-s0hsaqhfmk/index.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.
index.js
ReactDOM.render(<h1>Hello, everyone!</h1>, document.getElementById("root"));
index.html
<html>
<head>
<link rel="stylesheet" href="index.css" />
<script
crossorigin
src="https://unpkg.com/react@17/umd/react.development.js"
></script>
<script
crossorigin
src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"
></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script src="index.js" type="text/babel"></script>
</body>
</html>
The browser should show the text inside H1 tag, instead it shows blank page
You need to sign in to view this answers
Leave feedback about this