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

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

javascript reactjs

无法在React上加载javascript组件文件,javascript,reactjs,Javascript,Reactjs,我对React完全是新手。但我在加载React dom时遇到了麻烦，在控制台中，我收到了这个错误browser.js:5844未能加载file:///C:/..../my-app/script.js：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https。---browser.js:5900 我使用的是从CDN下载的reactjs版本 <script crossorigin src="https://unpkg.com/react@16/umd/react.d

我对React完全是新手。但我在加载React dom时遇到了麻烦，在控制台中，我收到了这个错误

browser.js:5844未能加载file:///C:/..../my-app/script.js：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、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代码在这里

和script.js如下所示

“严格使用”；
类Hello扩展了React.Component{
render（）{
返回(
你好，世界！
);
}
}
ReactDOM.render(
你好
document.getElementById（'root'））
);

但是重新编辑index.html不会显示任何内容。它的空白处和控制台显示上述错误

这不是特定的反应。为了加载脚本，您的HTML和资产需要（通过Web服务器软件）提供服务。如果您只是将HTML文件扔到浏览器中，它将无法工作，因为出于明显的安全原因，浏览器不会授予它访问本地文件系统的权限。这就是为什么加载失败的原因file:///C:/....您需要在本地Web服务器上运行react应用程序，请查看以下示例@JeremyThille是的，我知道。我已经安装了nodejs，我可以使用CLI reatc create app。但是我想这样做，我正在做的是使它最小化，这样你就不想为你的应用程序提供服务，而想直接从文件系统启动它？@JeremyThille是的

<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>

'use strict';

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

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