Javascript 如何使用helmet或ssrapi导入静态js文件,以及如何避免未捕获的SyntaxError?
我正在尝试使用或导入静态js文件Javascript 如何使用helmet或ssrapi导入静态js文件,以及如何避免未捕获的SyntaxError?,javascript,gatsby,server-side-rendering,static-assert,Javascript,Gatsby,Server Side Rendering,Static Assert,我正在尝试使用或导入静态js文件 但是使用这两种方法,我总是得到未捕获的语法错误:意外标记'我想从您的产品详细信息中,src应该是: <Helmet> <script type="application/javascript" src="../../plugins/zaius/index.js" /> </Helmet> 注意,在第二次尝试中,我将link更改为script标记,因为这是您要
但是使用这两种方法,我总是得到
未捕获的语法错误:意外标记'我想从您的产品详细信息中,src
应该是:
<Helmet>
<script type="application/javascript" src="../../plugins/zaius/index.js" />
</Helmet>
注意,在第二次尝试中,我将link
更改为script
标记,因为这是您要导入的内容(不是样式表)
我已经测试了模拟插件和结构,他们没有破坏编译。对不起,这是我的错。我的意思是
。成功了!谢谢
export const onRenderBody = ({ setHeadComponents }) => {
setHeadComponents([
<script
type="application/javascript"
href="./plugins/zaius/index.js"
/>
])
}
|-- /src
|-- /pages
|-- /templates
|-- html.js
|-- /static
|-- /plugins
|-- /zaius
|-- index.js
|-- gatsby-config.js
|-- gatsby-node.js
|-- gatsby-ssr.js
|-- gatsby-browser.js
|-- /plugins
|-- /zaius
|-- index.js
|-- index.html
<Helmet>
<script type="application/javascript" src="../../plugins/zaius/index.js" />
</Helmet>
export const onRenderBody = ({ setHeadComponents }) => {
setHeadComponents([
<script src="./plugins/zaius/index.js" />
])
}