NextJS 应用程序错误：发生客户端异常

问：

我在 Heroku 上的 NextJS 应用程序中遇到了以下问题。 （下一个： 14.0.1）

这是指向动态路由的链接：

https://myapp.herokuapp.com/LYS5569npeck

我可以在我的Firefox浏览器中打开它，看看我的期望。

另一方面，我在组件中有这样的代码：

return <div>
    {
        theResult.map(item => (
            <div key={item as string}>
              <Link href={item}>{item}</Link>
          </div>
      ))
    }

简而言之，此组件仅列出前面提到的不同动态路由。当它显示在浏览器中时，我可以使用鼠标右键单击并选择“复制链接”以确认上面的链接按预期出现在列表中。

因此，通过检查列表中的正确项目，我可以返回相同的链接：

https://myapp.herokuapp.com/LYS5569npeck

但是当我单击此项时，就会出现问题。而不是得到与我最初得到的相同的东西。我现在在浏览器中看到这个：

Application error: a client-side exception has occurred (see the browser console for more information).

似乎其他人也遇到了类似的问题，但我没有看到任何可以应用的解决方案。

有没有可能我在编写NextJS应用程序时做错了什么？

值得注意的是，我已经在三种不同的浏览器上尝试了该应用程序，并获得了相同的行为：Firefox、Safari 和 Brave。

在Firefox中，当我查看浏览器控制台以获取更多信息时，这是我得到的错误：

TypeError: s().connect is not a function
    NextJS 10
        connectMDB
        audioChunks
        AudioList
        Mf
        rC
        Jk
        Mk
        tk
        qf
        P

通过稍微不同的实验（更改代码以不同的方式构建链接），我得到这个错误：

AbortError: Actor 'Conduits' destroyed before query 'RuntimeMessage' was resolved 2 ConduitsParent.sys.mjs:362
    _raceResponses resource://gre/modules/ConduitsParent.sys.mjs:362