включая внешний JavaScript в Гэтсби, используя шлем - PullRequest
Новая
       20

включая внешний JavaScript в Гэтсби, используя шлем

0 голосов
/ 23 декабря 2018

У меня есть этот код в index.js папки макета: 

<StaticQuery
    query={graphql`
      query SiteTitleQuery {
        site {
          siteMetadata {
            title
          }
        }
      }
    `}
    render={data => (
      <>
        <Helmet
          title={data.site.siteMetadata.title}
          meta={[
            {name: 'description', content: 'Sample'},
            {name: 'keywords', content: 'sample, something'},
          ]}
          script={[
            {"src": "http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js", "type": "text/javascript"}
          ]}
        >
          <html lang="en" />

        </Helmet>
        <Header siteTitle={data.site.siteMetadata.title} />
        <div>
          {children}
        </div>
        <Footer />
      </>
    )}
  />

Однако файл Bootstrap.js не включен в проект ... Я пробовал различные синтаксические вещи, а также перезапустил проектпока ничего не работает.

1 Ответ

0 голосов
/ 08 февраля 2019

Шлем поддерживает все допустимые теги заголовка, такие как заголовок, база, мета, ссылка, noscript, стиль, включая тег сценария.Таким образом, вы можете сделать это так: 

<Helmet>
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" type="text/javascript" />
</Helmet>
...