Question

我有一个使用NextJS的React应用我的网页内部有很多链接，所有链接都很好

但是当我尝试导航到网站而不是首页时，我收到消息“ 502 BAD_GATEWAY”

例如：浏览此链接： https://power-tools.co.il/ 然后单击右侧第一个工具，您将成功导航至： https://power-tools.co.il/rentals/generators

，但是如果您尝试直接导航到相同的URL： https://power-tools.co.il/rentals/generators

您将收到错误：“ 502 BAD_GATEWAY”

那是为什么以及如何解决？

这是生产时运行时错误的日志：

info  - Loaded env from .env.production
2020-07-06T07:20:37.771Z    undefined   ERROR   Uncaught Exception  {"errorType":"Error","errorMessage":"Must use import to load ES Module: /var/task/node_modules/flatted/cjs/index.js\nrequire() of ES modules is not supported.\nrequire() of /var/task/node_modules/flatted/cjs/index.js from /var/task/.next/serverless/pages/rentals/[categoryID].js is an ES module file as it is a .js file whose nearest parent package.json contains \"type\": \"module\" which defines all .js files in that package scope as ES modules.\nInstead rename index.js to end in .cjs, change the requiring code to use import(), or remove \"type\": \"module\" from /var/task/node_modules/flatted/package.json.\n","code":"ERR_REQUIRE_ESM","stack":["Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /var/task/node_modules/flatted/cjs/index.js","require() of ES modules is not supported.","require() of /var/task/node_modules/flatted/cjs/index.js from /var/task/.next/serverless/pages/rentals/[categoryID].js is an ES module file as it is a .js file whose nearest parent package.json contains \"type\": \"module\" which defines all .js files in that package scope as ES modules.","Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove \"type\": \"module\" from /var/task/node_modules/flatted/package.json.","","    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1149:13)","    at Module.load (internal/modules/cjs/loader.js:977:32)","    at Function.Module._load (internal/modules/cjs/loader.js:877:14)","    at Module.require (internal/modules/cjs/loader.js:1019:19)","    at require (internal/modules/cjs/helpers.js:77:18)","    at Object.U3Ae (/var/task/.next/serverless/pages/rentals/[categoryID].js:1964:18)","    at __webpack_require__ (/var/task/.next/serverless/pages/rentals/[categoryID].js:23:31)","    at Object.C8l3 (/var/task/.next/serverless/pages/rentals/[categoryID].js:1306:25)","    at __webpack_require__ (/var/task/.next/serverless/pages/rentals/[categoryID].js:23:31)","    at Module.wN1p (/var/task/.next/serverless/pages/rentals/[categoryID].js:4487:30)"]}
Unknown application error occurred
Error

Answer 1

由于这是React，因此我怀疑Web服务器无法正确处理您的应用程序的路由。

作为一种可能的解决方案，您是否可以确保已在"homepage"中用网站URL的值定义了package.json：

"homepage": "https://power-tools.co.il/",

并尝试再次部署它？

直接导航到内部URL时反应NextJS 502 BAD_GATEWAY

1 个答案: