如何在Gatsby React页面中使用<script>-Java 学习之路

我有一个jQuery脚本，我想在我的gatsby反应页面中使用它 . 首先，我在我的项目nestpay.js中创建了一个文件，然后将脚本内容粘贴到其中：

function submitformpaiement()
{
// code here
}

其次我在render（）中添加了const payScript = require（'../ pages / nestpay'）

render() {
const payScript = require('../pages/nestpay')
return (
  <Layout>
    <Helmet title="donation" />
    <Nav />
    <div id="main">
    </div>
  </Layout>
)

}

当我运行项目时，我的nestpay.js文件中出现了大量的语法错误 .

./src/pages/nestpay.js模块错误（来自./node_modules/eslint-loader/index.js）：C：\ Users \ PREDATOR \ Desktop \ gatsby \ ticketsadaka \ src \ pages \ nestpay.js 205：19警告“>>>”和“|”的意外混合no-mixed-operators 205：25警告“>>>”和“|”的意外混合无混合运算符216：3错误'strlen'未定义no-undef 219：7错误'strlen'未定义no-undef 219：37错误'strlen'未定义no-undef 220：10错误'strlen '未定义no-undef 220:45错误'strlen'未定义no-undef 222：12警告'i'已定义no-redeclare 232：14警告'j'已定义无重新声明262：12警告'我'已定义为无重新声明

这是我的档案图片 .
enter image description here

我想我错过了那个文件中的 Headers 或导入我不知道是什么 .

我在HTML页面中测试该脚本，它工作正常，所以我需要你的帮助如何在gatsby反应页面内使用它 .

提前致谢 ;）

1 回答

1

我认为包含标记的最简单方法是在主要的index.html中内联它，如或者标记中的 <script src="../pages/nestpay.js"</script> .

P.S：为什么你想在使用React GatsbyJS时包含一个jQuery文件呢？

回复于 2024-04-29T06:03:47+08:00

如何在Gatsby React页面中使用<script>

1 回答

相关问题