Next JS npm start app load 404 page not found 物理页面错误

Question

我的项目使用 run dev 命令运行良好，但是当我尝试 npm start 时，我得到了 404 页除 Index.js 之外的其他页面（pages/...）未找到错误。

我尝试了几种从表单中找到的方法（gthub 问题和博客），但没有任何效果。

有什么想法吗？实际上为什么 run dev 和 start 之间应该有区别？我认为我们应该在开发过程中看到我们的应用程序有什么问题

package.json 中的脚本

"scripts": {
  "dev": "next",
  "start": "next start",
  "build": "next build"

},

和 next.config.js

const withCSS = require("@zeit/next-css");
module.exports = withCSS({
  cssModules: true,
  cssLoaderOptions: {
    importLoaders: 1,
    localIdentName: "[local]___[hash:base64:5]"
  }});

如你所见，安装 nextJS 后我没有做任何更改。

Answer 1

我发现如果文件名在 Windows 上使用大写字母，则会出现 404 错误。

我将所有文件名更改为小写字符，404 错误消失了。

Answer 2

首先，您需要了解您要构建什么样的应用程序。 是无服务器的吗？或带有服务器的种类以及您想使用什么网络服务器（有很多选择）。

对于无服务器应用：

您只需next export 进行生产构建，此功能将生成静态文件作为您的网站。 Read more here...

对于带服务器的应用：

如果你想运行npm run start，你需要先运行npm run build。

npm run build 为生产模式编译和优化您的构建。

npm run start 运行您的网络服务器来提供您的 html 文件。

如果你已经完成了这两个步骤，这意味着你的服务器文件有问题，你的网络服务器的 API 没有监听请求，因此它没有将你重定向到正确的页面。

Answer 3

在启动您的应用程序之前，您需要使用 npm run build 命令进行构建，然后启动您的应用程序。