单击按钮时如何从HTML调用导出的函数？

Question

简单的webpack设置。 index.html和index.js文件。 在HTML中是按钮onclick =“ ok_click（）”。 为什么我不能调用index.js文件中定义的ok_click函数？ 我得到函数未找到错误。

我试图从index.js导出ok_click函数。 然后在index.html中的脚本标签中，从index.js导入。 收到错误消息，指出无法识别导入语句。

在index.html中

  <button onclick="ok_click( )">ok</button>

在index.js中

function ok_click( )
{
  console.log('in ok_click') ;
}
export { ok_click } ;

Answer 1

我认为webpack通常在HTML文件的末尾应用脚本。 这意味着绑定onclick按钮时，实际上还没有可用的javascript。 您是否尝试查看生成的文件的外观？ 并请记住确保已加载窗口。

尝试不同的方法，例如：

Index.js：

function init() {
 var btn = document.getElementById("btn");
     btn.addEventListener("click", () => {
       console.log("in ok_click");
      });
}
window.onload = init;

的index.html

<button id="btn">ok</button>