头盔中的CDN脚本无法始终正确加载 [英] CDN-script in Helmet does not always load properly

问题描述

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

I am building a site using React + Gatsby and need to use Paper.js on the client side.

当前我将脚本放入render()

Currently I put the script into inside the 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")时却无法工作

However it is working when i reload (f5) but not when the user is directed to the page clicking a Gatsby-Link element (to="/path")

可能是我的问题吗?

推荐答案

您可以传递 Helmet 一个 script 道具以及一系列脚本，包括:

You can pass Helmet a script prop with an array of scripts to include:

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

这篇关于头盔中的CDN脚本无法始终正确加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！