通過 firebase 部署網(wǎng)站域后，我收到一個空白頁面 - 我知道我做錯了什么，我對運(yùn)行 firebase init 時覆蓋索引/html 文件的選項(xiàng)說了（是）。我嘗試通過各種方法解決這個問題，我已經(jīng)替換了 firebase 生成的 build 文件夾中的 index.html 文件，并添加了所需的基本和腳本標(biāo)簽，所以現(xiàn)在至少加載了空白頁面和 React 應(yīng)用程序名稱登錄選項(xiàng)卡顯示它正在加載。但是內(nèi)容沒有顯示。我嘗試將 firebase.json 更改為 ["hosting": {"public": "dist",] 因?yàn)樗畛跏?["hosting": {"public": "build",] 但是這并沒有像我那樣工作在 cmd 上收到此錯誤：錯誤：指定的公共目錄“dist”不存在，無法將托管部署到站點(diǎn)...相關(guān)代碼如下，如果您需要更多代碼片段，請?jiān)u論。構(gòu)建/index.html<!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#000000" /> <base href="https://contact-form-fba60.firebaseapp.com/"> <script type="text/javascript" src="https://contact-form-fba60.firebaseapp.com/runtime.a66f828dca56eeb90e02.js"></script> <script type="text/javascript" src="https://contact-form-fba60.firebaseapp.com/main.2eb2046276073df361f7.js" ></script> <meta name="description" content="Web site created using create-react-app" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <!-- manifest.json provides metadata used when your web app is installed on a user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ --> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <!-- Notice the use of %PUBLIC_URL% in the tags above. It will be replaced with the URL of the `public` folder during the build. Only files inside the `public` folder can be referenced from the HTML. Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> <title>React App</title></head></body></html>
當(dāng) React 應(yīng)用程序由 firebase 部署和托管時出現(xiàn)空白頁面
繁華開滿天機(jī)
2023-09-28 17:23:52
