Next.js 版本 13.5.2 中的 Next Link 组件重写问题

问题描述 投票:0回答:1

我目前正在使用 Next.js 开发一个多语言网站,并且我一直在使用重写来处理不同的语言。但是,更新到 Next.js 版本 13.5.2 后,我在使用 Next Link 组件时遇到了重写问题。

背景:

当应用程序部署在 Vercel 上时会出现此问题,但它在我的本地开发环境中运行得很好。 我面临的问题是,当我使用 Next Link 组件通过重写导航到单个页面(例如,/articles/123 重写为 /artiklar/123)时,它无法按预期工作。相反,它只显示导航栏和页脚,并且缺少页面内容。

澄清一下:

  1. 当我单击“下一个链接”组件生成的链接以使用重写转至单个页面时,它无法正常工作。

  2. 如果我在应用程序中使用单页面文件夹的原始名称(例如/pages/articles/[id].jsx),则直接访问时页面会正确加载。

  3. 有趣的是,当我使用 HTML 标签而不是 Next Link 组件时,即使重写,页面也能按预期工作

我尝试使用 HTML 标签而不是 Next Link 组件,通过这种方法,不会出现该问题。不过,我更愿意使用 Next Link 组件,因为它有其好处。

我怀疑此问题与最近的 Next.js 更新或 Vercel 上的特定配置有关。任何人都可以帮助我识别并解决这个特定于重写和下一个链接组件的问题吗?如果有任何见解或解决方案让我的单页再次与下一个链接组件一起使用,我将不胜感激。

reactjs debugging next.js url-rewriting next.js13
1个回答
0
投票

您似乎遇到了 Next.js 重写和 Next Link 组件的特定问题,尤其是在 Vercel 上部署时。调试此类问题可能有点复杂,但您可以采取以下一些步骤来识别和解决问题:

1。检查 Next.js 文档: 确保您使用正确的语法和配置进行重写,尤其是最近的 Next.js 更新。文档通常是了解如何正确设置重写的最佳起点。

2。检查浏览器控制台: 打开浏览器控制台(通常通过按 F12 或右键单击并选择“检查”,然后导航到“控制台”选项卡)。使用“下一个链接”组件导航到页面时查找任何错误消息或警告。

3. Vercel 部署日志: 检查 Vercel 上的部署日志,了解与重写或路由相关的任何错误消息或警告。这可以为部署期间可能出现的问题提供有价值的见解。

4。检查 Vercel 环境变量: 确保正确配置 Vercel 上的环境变量,尤其是与 Next.js 应用程序相关的环境变量。有时,由于配置不正确,可能会出现部署问题。

5。查看 Next.js GitHub 问题: 检查 Next.js GitHub 存储库中是否存在与重写或类似问题相关的任何未决问题。其他人可能也遇到过类似的问题,并且可能会有持续的讨论或解决方案。

6。在不同浏览器中测试: 验证问题在不同浏览器上是否仍然存在。有时,特定于浏览器的行为可能是一个因素。

7。创建最小复制品: 尝试使用简化的 Next.js 项目创建问题的最小重现。这可以帮助隔离问题并确定它是否与您的特定项目或更广泛的 Next.js 问题相关。

8。联系 Vercel 支持: 如果您无法确定问题,请考虑联系 Vercel 支持人员。他们可以提供特定于其平台和部署配置的帮助。

9。降级 Next.js 版本: 如果问题在升级到特定 Next.js 版本后出现,请考虑降级到以前的版本,看看是否可以解决问题。这可以帮助确定问题是否特定于版本。

10。社区论坛: 查看与 Next.js 相关的社区论坛或讨论。其他开发者可能分享了他们的经验和解决方案。

请记住,调试部署问题有时可能具有挑战性,而隔离问题的系统方法至关重要。如果问题仍然存在并且您找不到解决方案,请考虑在社区论坛上寻求帮助或联系 Next.js 社区渠道寻求帮助。

© www.soinside.com 2019 - 2024. All rights reserved.