在构建NextJs应用程序时获得404页面，同时在开发模式下运行良好

brccelvz 于 2023-05-17 发布在其他

关注(0)|答案(1)|浏览(161)

我是React/Next JS的新手。所以我的问题是。我已经购买了一个主题，并作出了更改的配置和品牌的一部分。现在，当我使用“yarn dev”和“yarn start”运行应用程序时，它工作得很好。“Yarn构建”还创建优化的生产构建。我想在我的个人电脑上本地部署这个应用程序，我试图通过YouTube视频学习一些东西。所以在一个视频中我发现了这个命令（“prod”：“next build && serve build”）包含在package.json中。我的package.json文件包含以下脚本。
“scripts”：{“dev”：“next dev”，“build”：“下一次生成”，“开始”：“下一个开始”，“导出”：“next export”，“lint”：“eslint --fix“src//*.{js，jsx}""，“format”：“prettier --write“src//*.{js，jsx}""，“prod”：“next build && serve build”}，
因此，当我尝试使用“yarn prod”时，它首先创建了一个优化的构建，然后我在vscode终端中获得了以下输出

然而，如果我试图打开“http：//localhost：3000”在我的浏览器. 404错误提示而不是“yarn dev”或“yarn start”。在构建应用程序时也没有错误。

next.js

来源：https://stackoverflow.com/questions/72202288/getting-404-page-while-serving-the-build-of-the-nextjs-app-while-its-running-fin

1条答案

按热度按时间

oxalkeyp1#

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

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

赞(0）回复(0）举报 2023-05-17

我来回答

在构建NextJs应用程序时获得404页面，同时在开发模式下运行良好

1条答案

相关问题

热门标签

最新问答