时间戳

首页 > 解决方案 > Helmet 中的 CDN 脚本并不总是正确加载

reactjs - Helmet 中的 CDN 脚本并不总是正确加载

问题描述

我正在使用 React + Gatsby 构建一个站点，并且需要在客户端使用 Paper.js。

目前我将脚本放入 render()


<Helmet>
<script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.2/paper-full.min.js" />
</Helmet>

但是，当我重新加载（f5）时它正在工作，但当用户被定向到单击 Gatsby-Link 元素的页面时（to =“/path”）

我的问题可能是什么？

标签： reactjscdngatsbyreact-helmet

解决方案

您可以传递Helmet带有script脚本数组的道具以包括：

<Helmet
  script={[
    {
      "src": "https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.2/paper-full.min.js", 
      "type": "text/javascript"
    }
  ]}
>
...
</Helmet>

推荐阅读