Question

当我在github.io上创建React项目时，我在Chrome中看不到任何组件。
在“ myUserName.github.io”存储库中，有一个常规的HTML文件。存储库中的目录是我的React项目文件夹：

enter image description here

和HTML文件：

enter image description here

与这些图片一样，<div id="root">为空。但是当我在localhost上使用它时，它确实可以运行。

可能是什么问题？

-------------------添加源代码-----------------------

（1）项目的index.html：

<!DOCTYPE html>
...
<body>
    <div>Index Page</div>
    <a href='./react/space-trip/public/index.html'>Go</a>
    <a href='./react/space-trip/build/index.html'>Go - build</a>
</body>
</html>

（2）public / index.html：

<!DOCTYPE html>
<html lang='en'>
    <head>
    ...
    </head>
    <body>
        <noscript>
            You need to enable JavaScript to run this app.
        </noscript>
        <div id='root'></div>
    </body>
</html>

（3）index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

构建此项目并将URL添加到[build]-[index.html]后，它也是空的。我也尝试了在没有registerServiceWorker的情况下运行此页面，但是还是一样。

在Github.io上看不到任何组件

0 个答案: