iT邦幫忙

0

請大佬們幫忙解答,React相關問題

hihi 2022-01-13 19:23:161364 瀏覽
  • 分享至 

  • xImage

前輩們好

目前嘗試用React去寫網站

在本機端一切正常,但是丟上GITHUB的gh-pages時發現兩個問題

一、由gh-pages連進來時 跳轉到的頁面網址最後面有 /project-name/
但實際正確首頁是 https://<我的github username>.github.io/

二、上去gh-pages時好像是因為build的關係,我的圖片跟影片路徑都跑掉了

以上兩個問題都有自己爬過文了,有找到過類似文章,但問題沒有被解決
請前輩們幫忙,附上APP.js的檔案,十二萬分感謝!!

https://ithelp.ithome.com.tw/upload/images/20220113/20143914MYW45gIpev.png

https://create-react-app.dev/docs/using-the-public-folder
如果頁面路徑有問題 找 react router dom 的basename
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
jason71708
iT邦新手 3 級 ‧ 2022-01-14 10:03:14
最佳解答

如果你是用 Create React App 的話:

  1. package.json 新增 homepage 屬性,填上 Github Page 網址:
"homepage": "https://myusername.github.io",
  1. 安裝 gh-pages
npm install --save gh-pages
  1. package.json 新增 script
  "scripts": {
+   "predeploy": "npm run build",
+   "deploy": "gh-pages -b master -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",
  1. 跑指令部署到 Github Page。
npm run deploy

官方文章

我要發表回答

立即登入回答