首先，必须明确导出您的功能
export function greet() {alert("Hello from module");
}其次，模块有它自己的范围（这是模块的全部意义），因此您需要将函数添加到全局范围。因此，要做到这一点，您必须运行一个脚本来导入该函数并将其添加到窗口对象：
<script type="module">import { greet } from "./app.js";window.greetFromModule = greet;
</script>现在你不需要这部分了<script type="module" src="app.js"></script>或者，您可以创建一个空的 obj 并将您的模块内容添加到其中，这就是它的样子：
<html><head></head><body><button onclick="greetFromHtml();">greetFromHtml</button><button onclick="module.greet()">greetFromModule</button><script type="text/javascript">function greetFromHtml() {alert("Hello");}const module = {};</script><script type="module">import { greet } from "./app.js";module.greet = greet;</script></body>
</html>
![[Linux]手把手教你制作进度条小程序](https://img-blog.csdnimg.cn/img_convert/fb932cfe1c8ce27e3823bd64f008f54a.gif)
