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!
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
Jason Brown9,626 Points
Cannot view app in browser, even from final result download files.
I've tried everything I can think of. I've even tried just downloading the completed project and tried getting it to load. But no dice. I keep getting this message:
XMLHttpRequest cannot load file:///Users/siouxr/Desktop/ReactBasicsProject%20(1)/app.jsx. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. transform.load @ babel-browser.min.js:4
Any help would be greatly appreciated.
Carlos Villarroel23,748 Points
A really easy fix is to install the pkg 'http-server' with npm (which means you should have Node.js and npm installed in your machine); then start the server from your working directory and your app will load.
Tom Bedford15,645 Points
Hi Jason, I initially ran into the same issue as you. To use the code on your computer you need to be running it from a localserver rather than directly from the file, you can do this with a program like MAMP or a command line tool.
Alternatively, you can click on "Launch Workspace" during the video and it will open a window where you can follow along in the browser. Here is some information about Treehouse Workspaces. You can also test the code using CodePen.