React 部署至 GitHub Page網頁一片空白

#github #react

izjsbsh 2022-06-20 11:37:32 ‧ 1467 瀏覽

分享至

https://rexhung0302.github.io/2021/09/28/20210928/
我一直都是使用以上方法來部署GitHub Page的，但有其中一個在本地端網頁顯示是正常的，部署至GitHub Page後跑出來卻是一片空白，也沒有顯示錯誤代碼(如圖)，請問各位大神知道該怎麼解決嗎?

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2022-06-20 11:56:44 檢舉

F12大法，先看看情況。這樣很難猜耶!!

貓虎皮 iT邦新手 3 級 ‧ 2022-06-20 20:57:18 檢舉

目前能知道的是，你的`static/js/main.06fa78fa.chunk.js`在把`switch`標籤創建完後就出問題了。
因為載入完成的頁面中，`App`下只有一個空的`switch`標籤。

index.html：
https://kzyjj.github.io/kzyjj-virtualfittingroom_test/

index.html (view source)：
view-source:https://kzyjj.github.io/kzyjj-virtualfittingroom_test/

main.06fa78fa.chunk.js：
https://kzyjj.github.io/kzyjj-virtualfittingroom_test/static/js/main.06fa78fa.chunk.js

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

前端野人

iT邦新手 3 級 ‧ 2022-06-20 23:42:32

package.json 裡的 homepage 加了嗎

homepage 的作用是设置应用的跟路径，我们的项目打包后是要运行在一个域名之下的，有时候可能是运行在跟域名下，也有可能运行在某个子域名下或或域名的某个目录下，这时候我们就需要让我们的应用知道去哪里加载资源，这时候就需要我们设置一个跟路径，而且有时候我们的资源会部署在 CDN 上，你必须告诉打包工具你的CDN地址是什么。

比如我们用 create-react-app 开发的 React 应用，以及 Vue CLI 开发的项目，默认是继承了 webpack 的，当不配置 homepage 属性，build 打包之后的文件资源应用路径默认是 / ，如下图
https://segmentfault.com/a/1190000021875558