我正在尝试使用 react + react 路由器 + react 头盔应用程序设置 netlify 预渲染。我试图在抓取页面时在标签中显示页面标题和一些打开的图元标签。
这是调用 react-helmet 的代码:
<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 ://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
难道我做错了什么 ?