gpt4 book ai didi

reactjs - 使用 Helmet 在 Gatsby 中包含外部 javascript

转载 作者:行者123 更新时间:2023-12-03 19:31:36 25 4
gpt4 key购买 nike

我在布局文件夹的 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 文件不包含在项目中......
我尝试了各种语法并重新启动了项目,但到目前为止没有任何效果。

最佳答案

Helmet 支持所有有效的 head 标签,如 title、base、meta、link、noscript、style,包括 script 标签。所以你可以这样做:

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

关于reactjs - 使用 Helmet 在 Gatsby 中包含外部 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53905217/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com