Github頁面上的Create-React-App返回一個空白頁面

Question

在本地測試時，我的create-react-quiz應用程序完美運行。 我基於這段代碼完成了我的項目： https ： //github.com/mitchgavan/react-multi-choice-quiz/tree/gh-pages 。

但是，當我在“GitHub-Pages”分支上使用npm build deploy時，會出現一個空白頁面，並且這些錯誤會顯示在控制台中： pk8189.github.io/ ： 1 GET pk8189.github.io/pk8189/futureU- /static/css/main.1dc4d41f.css pk8189.github.io/:1獲取pk8189.github.io/pk8189/futureU-/static/js/main.28e294a0.js

這是我的回購： https ： //github.com/pk8189/futureU-您認為這個問題是什么？ 感謝您的任何幫助。

Answer 1

創建React App使用package.json homepage字段來確定應用程序所在的URL。 由於您將其設置為https://github.com/pk8189/futureU-/ ，它會嘗試從/pk8189/futureU-/請求資產，該資產不存在。

更改homepage以匹配您部署的URL： https://pk8189.github.io/futureU-/ ： https://pk8189.github.io/futureU-/ 。 然后通過運行npm run build並重新部署來重建。

GitHub頁面的部署說明中對此進行了描述。 請閱讀用戶指南的這一部分。