Как использовать шлем реакции с предварительным отображением netlify? - PullRequest
Новая
       36

Как использовать шлем реакции с предварительным отображением netlify?

0 голосов
/ 05 июня 2018

Я пытаюсь настроить предварительную визуализацию netlify с помощью приложения «реагируй + реагируй» + «шлем касания».Я пытаюсь отобразить заголовок страницы в теге и некоторые метатеги открытого графика при сканировании страницы.

Вот код, вызывающий реагирующий шлем: 

    <Helmet>
      <title>{entry.title} — Road Trip en Islande</title>
      <meta name="description" content="Nested component" />
      <meta property="og:title" content={entry.title} />
      <meta property="og:url" 
        content={`https://roadtrips.iwazaru.fr/entry/${entry.id}`} />
    </Helmet>

из https://github.com/iwazaru/road-trips/blob/fb0d93af1d441b5f4378ee5d3e6f3bf0724b22e3/src/components/Entry/Entry.js

Он работает в браузере без предварительного рендеринга: https://roadtrips.iwazaru.fr/entry/S

Он также работает при локальном предварительном рендеринге с использованием netlify prerender , отображаются правильные теги заголовка и открытого графикав предварительно обработанном html.

Но при сканировании страницы с помощью отладчика facebook кажется, что ничего из того, что я вставил в реагирующий шлем, не отображается, хотя остальная часть страницы правильно отображается: https://developers.facebook.com/tools/debug/echo/?q=https%3A%2F%2Froadtrips.iwazaru.fr%2Fentry%2FS

Я что-то не так делаю?

1 Ответ

0 голосов
/ 07 июня 2018

Решил это.Проблема заключалась в том, что в файле шаблона index.html были загружены мета-теги открытого графика, загруженные до реакции-шлема.Я до сих пор не могу объяснить, почему они будут заменены при локальном использовании prerender, а не при prerender netlify.

...