js項目上傳到 github 時,設置好 GitHub Pages 後打開:https://70kg111.github.io/HUAWEI-MUSIC/index.html
提示報錯: Failed to load resource: the server responded with a status of 404 ()
路徑錯誤: 導致 css文件,js文件並未加載出來
原因:
後面去問了別人才知道在本地能夠順利打開的,本地在寫代碼時多了一個 npx parcel index.html 的步驟
這樣會生成一個 http://loacalhots:1234 ,寫代碼的時候也是在這個網站上看頁面效果
這相當於一個測試的服務器,但 github 上並沒有這個過程,所以會報錯
解決辦法:
一、因爲所有的文件其實都已經上傳到 dist 目錄下了,所以可以直接將 dist 這個文件夾單獨拎出來作爲一個項目上傳到 github 上,然後設置 GitHub Pages 預覽 dist/index.html 即可。
二、也可以將原本項目內的 dist 文件下 index.html 中引入 css,js 文件的目錄改掉,因爲 dist 文件夾下的內容其實是被 npx parcel build index.html 之後才生成的。
所以直接引入原始文件夾的 css ,js 文件,然後設置 GitHub Pages 預覽 dist/index.html 即可,如下圖: