Когда я создаю проект React для github.io , я не вижу никаких компонентов в Chrome.
В репозитории 'myUserName.github.io' есть общий файл HTML,И каталог в репозитории - это папка моего проекта React:
И HTML-файл:
Как эти картинки, <div id="root"> пусто.Но когда я использую его на localhost, он запускается.
В чем может быть проблема?
------------------- Добавить исходный код -----------------------
Каталог:
__ index.html (1)
| __ реагировать __ space-trip __ build __ static __ ...
.,,,,,,,,,,,,,,,,,|,,,,,,| __ index.html
.,,,,,,,,,,,,,,,,,| __ node_modules __ ...
.,,,,,,,,,,,,,,,,,| __ public __ index.html (2)
.,,,,,,,,,,,,,,,,,| __ src __ App.js
.,,,,,,,,,,,,,,,,,|.,,,,| __ index.js (3)
.,,,,,,,,,,,,,,,,,|.,,,,| __ registerServiceWorker.js
.,,,,,,,,,,,,,,,,,| __package.json
(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, но это то же самое.