JavaScript React Basics (retired) First Steps in React Our First Application

13,136 Points

Google Chrome Error


I'm getting an error when I open the index.html file on Google Chrome. It says, "Failed to load <file path>: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https." This prevents any changes I make in the app.jsx file to reflect.

Works fine with Firefox; though, getting some weird console errors from app.css and babel-browser.min.js.

Both browsers are up-to-date and have the React Dev Tools.

Thanks in advance!

1 Answer

Ari Misha
Ari Misha
19,261 Points

Hiya there! The error suggests that you aren't serving your application over HTTP or https, plus you might wanna provide cors(cross-origin resource policy) to your express server. That's all I can from the error. But I hope it helped!

~ Ari