在开发模式下运行良好时，在构建NextJS应用程序的构建时获取404页

Question

我对反应/下一个JS是很新的。所以这是我的问题。我已经购买了一个主题，并更改了配置和品牌部分。现在，当我使用“ Yarn Dev”和“ Yarn Start”运行该应用程序时，它正常工作。 “纱线构建”还创建了优化的生产构建。我想在我的PC上本地部署该应用程序，并且试图通过YouTube视频来学习内容。因此，在其中一个视频中，我找到了此命令（“ prod”：“下一个构建＆amp;＆amp; serve build build”），以包含在package.json中。我的poffage.json文件具有以下脚本。

“脚本”：{ “ dev”：“ Next Dev”， “构建”：“下一个构建”， “开始”：“下一个开始”， “导出”：“ Next Export”， “ lint”：“ eslint -fix” src//*。{js，jsx}“”， “格式”：“ Prettier -write” Src//*。{JS，JSX}“”， “ prod”：“下一个构建＆amp;＆amp; serve build'' }，

因此，当我尝试使用“纱线产品”时，它首先创建了优化的构建，然后在VSCODE终端中获得以下输出

但是，如果我尝试打开“ http：// localhost） ：3000英寸在我的浏览器中。我有404错误。但不是使用“纱线开发”或“纱线开始”。构建应用程序时也没有错误。

Answer 1

添加“ cleanurls”：true 到“ firebase.json”文件，如下

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