我尝试使用 NextJs、react-helmet 和 next-seo 包的基本“Head”功能来包含元标记。它们在客户端都可以正常工作，并在检查工具中显示元标记。但是当我尝试使用 facebook 调试器工具或任何其他开放图形标签检测器检测它时，它不起作用。
可能与元标记的服务器端渲染有关，但我还没有找到足够的材料在 NextJs 框架中实现服务器端元标记。
NextJs 动态开放图元标记未为 Facebook 调试器呈现
IT技术
reactjs
next.js
meta-tags
share-open-graph
2021-05-05 22:50:22
1个回答
你在使用 Redux Persist 吗？
由于 Redux Persist 存在禁用 SSR 的已知问题。禁用 PersistGate 服务器端似乎可以解决这个问题。Github 问题链接
return process.browser ? (
<PersistGate persistor={store.__persistor} loading={<div>Loading</div>}>
<ToastProvider>
<Component {...pageProps} />
</ToastProvider>
</PersistGate>
) : (
<Provider store={store}>
<ToastProvider>
<Component {...pageProps} />
</ToastProvider>
</Provider>
);