Javascript 为什么HTML按钮不能与jQuery Webpack一起使用

我正在使用webpack构建我的HTML和javascript文件。我在index.js中定义了一个函数，我尝试过上面提到的解决方案。但调用onclick按钮的函数似乎不起作用

这是我的HTML：

<section class="page-section bg-primary" id="airplanes">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-8 text-center" id="funding-container">
          <h2 class="text-white mt-0">Send <span class="underlined"><span id="fundingPrice" class="underlined"></span> Ethers to Fund Airline Insurance</h2>
          <hr class="divider my-4">
          <button class="btn btn-light btn-xl" type="button" id="fundAirline">Fund Insurance</button>
          <hr class="divider my-4">
          <h2 class="text-white mt-0">Enter ETH Address to register new Airline</h2>
          <hr class="divider my-4">
          <div class="wrap-input100 bg1">
            <span class="label-input100">Ethereum Address *</span>
            <input class="input100" type="text" name="name" placeholder="0x00000000000000000000000000000000000000">
          </div>
          <button class="btn btn-light btn-xl" type="button" id="registerAirline">Register Airline</button>
        </div>
      </div>
    </div>
  </section>

---

我试图复制您的情况，并添加了

文档。就绪
，并将eventListener更改为
。on（'单击'
：

    $('#fundAirline').on('click', async () => {
        console.log("error, result");
     })
  }); 

你能试试这个吗？控制台怎么说？
我试着复制你的情况，添加了
文档。准备好了
，并将eventListener更改为
。on（'单击'
：

    $('#fundAirline').on('click', async () => {
        console.log("error, result");
     })
  }); 

你能试试这个吗？控制台怎么说？
为什么你要使用
DOM.elid
将事件侦听器添加到
registerAirline
，但使用
$
将其添加到
fundAirline
？运行代码时会发生什么？@vlad grigoryan单击动画，但不调用function@SagarAtalatti你有一些错误吗控制台？@vlad grigoryan控制台中没有错误日志。为什么要使用
DOM.elid
将事件侦听器添加到
registerAirline
，而使用
$
将其添加到
fundAirline
？运行代码时会发生什么情况？@vlad grigoryan单击动画，但不调用function@SagarAtalatti你有错误吗控制台中有什么？@vlad grigoryan控制台中没有错误日志。控制台日志中没有任何内容控制台日志中没有任何内容