Reactjs NextJs dynamic open graph meta标记未为facebook调试器呈现

我已经尝试使用NextJs、react Helet和next seo包的基本“Head”特性来包含元标记。它们在客户端都可以正常工作，并在inspect工具中显示元标记。但当我尝试使用facebook调试器工具或任何其他开放图形标签检测器检测它时，它不起作用

---

可能与元标记的服务器端呈现有关，但我还没有找到足够的材料在NextJs框架中实现服务器端元标记。

是否使用Redux Persist

因为Redux存在一个已知的问题，即禁用SSR。 禁用PersistGate服务器端似乎可以解决这个问题

returnprocess.browser？(
) : (
);

也有同样的问题。快把我逼疯了。我可以告诉你的是，相同的代码，

next export

ed和works一起静态服务。看来Vercel有点问题。我意识到的一件事是Vercel使用Brotli压缩而不是Gzip（根据Facebook指南的要求）

return process.browser ? (
        <PersistGate persistor={store.__persistor} loading={<div>Loading</div>}>
            <ToastProvider>
                <Component {...pageProps} />
            </ToastProvider>
        </PersistGate>
    ) : (
            <Provider store={store}>
                <ToastProvider>
                    <Component {...pageProps} />
                </ToastProvider>
            </Provider>
        );