Question

我有这个简单的应用程序，我可以通过按下html按钮来触发Javascript模块中的函数，但它似乎什么都不做。我查看了关于同一主题的另一个帖子，但似乎对我不起作用。一旦我从脚本标签中取出type="module"，它就会起作用，因此它可以与之相关。控制台没有错误，所以我不知道我在这里做错了什么。

的index.html

<body>
    <button id="test">Click me!</button>
    <script type="module" src="/app.js"></script>
</body>

app.js

document.getElementById("test").addEventListener("click", () => {
    console.log("Hello!");
});

Answer 1

似乎缺少两件事：

html文档上的import语句和代码段上的export语句允许存在模块并可以导入。

export function yourModule() { 
  // ...
 }

<script type="module"> import {yourModule} from './app.js';
 </script>

看看这个：https://jakearchibald.com/2017/es-modules-in-browsers/

另外，请检查您的浏览器是否已支持模块类型。

如何通过按html按钮触发Javascript模块中的函数

1 个答案: