Далее Js Dynami c метатеги открытого графа не отображаются для отладчика facebook

Question

Я попытался включить метатеги, используя базовую функцию «Head» пакетов Next Js, react-шлем и next-seo. Все они отлично работают на стороне клиента и показывают метатеги в инструменте проверки. Но когда я пытаюсь обнаружить его с помощью инструмента отладчика facebook или любого другого детектора тегов открытого графа, он не работает. реализовать метатеги на стороне сервера в Next Js framework.

Answer 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>
        );