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) Thinking in Components Use a Component with JSX

Posted by Jonathan Guerrero
.a{fill-rule:evenodd;}techdegree seal-36
Jonathan Guerrero
Front End Web Development Techdegree Graduate 18,245 Points

Hi everyone I'm getting this error. I'm not sure what is going on

Access to XMLHttpRequest at 'file:///Users/jonathanguerrero/Documents/GitHub/scoreboard_proj/app.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

Failed to load resource: net::ERR_FAILED

1 Answer

Tom Phillips
Tom Phillips
897 Points
Tom Phillips
Tom Phillips
897 Points

The CORS error stands for 'cross origin resource sharing'. It is telling you that you can't request or "load" resources from a server that is outside the domain in which you are working from. Check out this article. It describes 3 ways to fix your issue: https://medium.com/@dtkatz/3-ways-to-fix-the-cors-error-and-how-access-control-allow-origin-works-d97d55946d9