Как мне использовать React-Helmet с пререндер netlify?

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

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

    <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>

с /road-trips/blob/fb0d93af1d441b5f4378ee5d3e6f3bf0724b22e3/src/components/Entry/Entry.js

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

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

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

Я делаю что-то неправильно ?


netlify reactjs facebook-opengraph react-helmet prerender
person Iwazaru    schedule 05.06.2018    source источник
comment
Учли ли вы, что 24-48-часовой кеш действует на весь предварительно отрендеренный контент? происходит ли это с URL-адресами, которые, возможно, уже не находятся в кеше (например, создайте новую страницу и попробуйте очистить ее)?   -  person fool    schedule 05.06.2018
comment
@ дурак, я сделал. Изменения появляются, но теги из реактивного шлема никогда не появляются.   -  person Iwazaru    schedule 06.06.2018
comment
Я вижу, что он работает и на сервере Prerender с Chrome. Возможно, вы захотите связаться с Netlify и посмотреть, смогут ли они выяснить, в чем может быть причина этого. Это может быть просто проблема со сроками или что-то в этом роде.   -  person Prerender.io    schedule 06.06.2018

Ответы (1)


arrow_upward
1
arrow_downward

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

person Iwazaru    schedule 07.06.2018
comment
Я думаю, что у меня может быть аналогичная проблема, но я не вижу в index.html ничего, что могло бы быть перезаписано. Какие идеи вы нашли во время отладки? stackoverflow .com / questions / 53991920 /. - person Luke Schlangen; 01.01.2019