reactjs - 使用 NextJS 在开发模式下加载(_devPagesManifest.json 获取和未定义的 'includes')

Question

最近几天我在使用 NextJS 构建我的应用程序时遇到了一些问题。

问题是，在开始运行 npm run dev 时，一切正常，但在几次热重载或手动页面重载后，它开始永远加载，之后再也没有响应。

我能看到的是开发工具是它获取 _devPagesManifest.json 并且永远不会得到响应。唯一的选择是重新启动整个应用程序。重新启动应用程序时，有时我会收到一条错误消息，提示 TypeError: Cannot read property 'includes' of undefined。

有人知道是什么原因造成的吗？或者有一个修复程序，因为如果我每隔几分钟就必须重新加载应用程序，这会使开发变得非常困难。

我的应用非常基础，使用不多。

如果有帮助，这是我的 packages.json

dependencies": {
    "next": "latest",
    "react": "^17.0.1",
    "react-dom": "^17.0.1"
  },
  "devDependencies": {
    "@tailwindcss/jit": "^0.1.18",
    "@types/gtag.js": "0.0.4",
    "@types/node": "^12.12.21",
    "@types/react": "^17.0.2",
    "@types/react-dom": "^17.0.1",
    "@types/react-router-dom": "^5.1.7",
    "autoprefixer": "^10.2.5",
    "postcss": "^8.2.9",
    "react-cookie-consent": "^6.2.3",
    "react-ga": "^3.3.0",
    "sass": "^1.32.8",
    "tailwindcss": "^2.1.1",
    "typescript": "4.0"
  }

Answer 1

我可能会迟到，但这是为这些搜索词弹出的少数搜索结果之一。

对于遇到这种情况并使用反向代理以不同路径提供 nextjs 应用程序的人来说，这里的关键知识是 .next/static/development/_devPagesManifest.json不是静态文件，而是在运行时构建并由 Next.js 应用提供服务。

因此，如果您已将代理配置为提供来自 _next/static 的文件而不是代理到实际的 nextjs 服务器，您需要添加一个规则来传递对 devPagesManifest 的请求到 nextjs 服务器，如果 nginx(或其他)试图在 _static 中找到文件文件夹它不会在那里，但如果它将请求传递给 Next.js 它可以处理它。