報錯:Failed to load resource: the server responded with a status of 404 ()

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 即可,如下圖:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章