next.js - NextJS 页面未定义
问题描述
我有一个 Shopify 应用程序,它在安装和加载时会显示一两秒钟的错误,然后才能正常加载。该错误说“页面未定义”并且源自 NextJS 代码。这部分准确地说:
function resolveDynamicRoute(pathname, pages) {
const cleanPathname = (0, _normalizeTrailingSlash).removePathTrailingSlash((0, _denormalizePagePath).denormalizePagePath(pathname));
if (cleanPathname === '/404' || cleanPathname === '/_error') {
return pathname;
}
// handle resolving href for dynamic routes
if (!pages.includes(cleanPathname)) {
// eslint-disable-next-line array-callback-return
pages.some((page)=>{
if ((0, _isDynamic).isDynamicRoute(page) && (0, _routeRegex).getRouteRegex(page).re.test(cleanPathname)) {
pathname = page;
return true;
}
});
}
return (0, _normalizeTrailingSlash).removePathTrailingSlash(pathname);
}
在第二个 if 语句中引发错误。
该文件位于 /node_modules/next/dist/shared/lib/router/router.js 中,因此我无法将内容更改为该文件。
我认为这与我的动态路线有关,但我无法终生找出问题所在。别人知道吗?
我的路由:
- /pages
- _app.tsx
- index.tsx
- /customers
- index.tsx
- [customerId].tsx
- /api
- auth.tsx
- graphql.tsx
- /auth
- callback.tsx
- /customers
- data_request.tsx
- redact.tsx
- /shop
- redact.tsx
如果需要更多信息,请告诉我。
解决方案
推荐阅读
- vis.js - 使用 Vis.js 网络预定义布局
- python - 如何在 Python 中制作对称三对角矩阵?
- azure-iot-hub - 在 Python 中使用基于 X509 CA 的证书的 Azure IoTHub_Client
- swift - 如何通过 objectMapper 和 Alamofire 发布嵌套的 json?
- r - 提取 .pdf 表
- tfs - TFS 如何从代码审查中排除 DLL 和代码注释/空格
- documentation-generation - 使用 asciidoc,是否可以将单个单词标记为源代码而不是整行?
- oop - “t1.__index = t2”和“setmetatable(t1, {__index = t2})”有什么区别?
- python - 如何解决“操作错误无法打开数据库文件”?
- jquery-file-upload - jQuery 文件上传 恢复文件上传