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>

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

1 个答案: