iT邦幫忙

0

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

  • 分享至 

  • xImage

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

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 }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
前端野人
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

我要發表回答

立即登入回答