Firebase：此文件不存在且沒有索引。在當前目錄中找到html或在根目錄中找到404.html

Question

我在使用 firebase 部署我的網站時遇到問題。

我已經部署，但它一直顯示錯誤“此文件不存在，並且在當前目錄中找不到 index.html 或在根目錄中找到 404.html。”。

我檢查了目錄，但 index.html 文件位於公共文件夾中。

firebase.json，代碼如下

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

誰能指出問題是什么？ 謝謝你。

Answer 1

使用 React 時，您部署的是構建（通常命名為“build”或“dist”）目錄，而不是“公共”目錄。 首先運行構建命令npm run build然后它應該會生成我之前提到的目錄。

然后在您的firebase.json中更新相同的內容：

{
  "hosting": {
    "public": "build", // <-- use that directory name here
     ....
  }
}