无法在React上加载javascript组件文件

时间:2018-07-31 14:52:43

标签: javascript reactjs

我对React完全陌生。但是我在加载react dom和在控制台中遇到错误browser.js:5844 Failed to load file:///C:/..../my-app/script.js: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.---- browser.js:5900

时遇到了麻烦

我正在使用从此CDN下载的reactjs版本

<script crossorigin  src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

我的index.html代码在这里

<body>
    <div id="root"></div>
    <script src="react.js"></script>
    <script src="react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
    <script type="text/babel" src="script.js"></script>
</body>

和script.js如下

'use strict';

class Hello extends React.Component {
  render() {
    return (
      <h1>Hello WOrld!</h1>
    );
  }
}

ReactDOM.render(
  Hello,
  document.getElementById('root')
);

但是分解index.html不会显示任何内容。它为空白,并且控制台显示上述错误

0 个答案:

没有答案