Cross Origin Resource Error: No 'Access-Control-Allow-Origin' header is present on the requested resource
<p>I am trying to run a page that makes use of ReactJS Library. I am getting the below error:</p>

<pre>
Redirect at origin 'https://fb.me' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:55042' is therefore not allowed access.
</pre>

<p>My code looks like this:</p>

<pre class="lang-html prettyprint-override"><code>&lt;html&gt;

&lt;head&gt;
  &lt;title&gt; Javascript Simple Quiz &lt;/title&gt;
  &lt;script type="text/jsx" src="https://unpkg.com/react@0.14.7/dist/react.js" integrity="sha384-xQae1pUPdAKUe0u0KUTNt09zzdwheX4VSUsV8vatqM+t6X7rta01qOzessL808ox" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script type="text/jsx" src="https://unpkg.com/react-dom@0.14.7/dist/react-dom.js" integrity="sha384-A1t0GCrR06cTHvMjaxeSE8XOiz6j7NvWdmxhN/9z748wEvJTVk13Rr8gMzTUnd8G" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
  &lt;script type="text/babel"&gt;
    var helloWorld = React.createClass({ render: function() { return
    &lt;div&gt;
      &lt;h1&gt;Hello KEN&lt;/h1&gt;
      &lt;p&gt;This is me spittin&lt;/p&gt;
    &lt;/div&gt;
    } }); React.render(
    &lt;helloWorld /&gt;),document.body);
  &lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;
</code></pre>

<p>I got rid of the <code>DOCTYPE</code> tag intentionally and its not the root of the problem as I don't believe REACT needs it.</p>