我有一個問題困擾了我一段時間。我在 VSCode 中有一個 vite-react-typescript 專案,在 index.html 頁面中有一個指向 webmanifest 的鏈接。這基本上是一個具有不同擴展名的 json 檔案。
當我構建我的應用程式時,index.html輸出檔案包含元標記,但是它沒有參考 .webmanifest 檔案的路徑,而是將整個檔案轉換為 base64。因此,某些瀏覽器無法找到.manifest檔案,因此無法將網站安裝為 PWA。
我認為問題/可能的解決方案在于 vite 的編譯器/構建選項,但是我不知道如何修復此自動轉換。
這里是 github repo:https ://github.com/PluginDev-A/Website 編譯后的index.html檔案在dist 目錄下,原始index.html檔案在main 目錄下。問題出在兩個檔案的第 6 行
**檔案擴展名是 .json 還是 .webmanifest 都沒有關系,兩個 url 在構建時都會被轉換
uj5u.com熱心網友回復:
該檔案可能應該放在public目錄中,因為它是:
- 從未在源代碼中參考過(例如 robots.txt)
- 必須保留完全相同的檔案名(沒有散列)
并且應該從index.html絕對路徑中參考
<link rel="manifest" href="/manifest.webmanifest">
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/466591.html
標籤:javascript 反应 汇编 卷起 维特
