从 Instagram 打开 Next.js 页面时出现客户端错误

Question

我一直在使用 Next.js 构建我的个人作品集，一切似乎进展顺利。但是，如果我尝试将此网站链接到我的 Instagram 个人简介，它会打开以下内容：

Application error: a client-side exception has occurred

(see the browser console for more information).

经过进一步调查，我发现我的个人简介中附加的 url 并不完全是用户点击的链接，因为 Meta 在末尾添加了

?fbclid=<some value>

。我发现 fbclid 是 Meta 用于分析的查询参数，但将其隐式（且看似不可更改）包含在我的个人简介 URL 中会以某种方式破坏我的页面。

有什么方法可以避开这个参数，或者在我的页面代码中解决它吗？

（旁注：我最近在我的网站中安装了 Vercel Web Analytics 脚本——这可能与之有关吗？）

如果我在手机上再次导航到该页面删除参数后，问题就解决了。

编辑：我尝试将参数消化到变量中，看看是否可以解决问题，但无济于事：

const router = useRouter()
useEffect(() => {
    if (!router.isReady) { return } else {
        if (router.query) {
            const fbclid = router.query.fbclid ? router.query.fbclid : ""
        }
    }
}, [router])

Answer 1

我遇到了同样的问题，我正在尝试调试它，如果您有解决方案，请告诉我。 谢谢🎉