如何从 html 页面调用在 javascript 模块 (type=module) 中声明的函数

首先，必须明确导出您的功能

export function greet() {alert("Hello from module");}

其次，模块有它自己的范围（这是模块的全部意义），因此您需要将函数添加到全局范围。因此，要做到这一点，您必须运行一个脚本来导入该函数并将其添加到窗口对象：

import { greet } from "./app.js";window.greetFromModule = greet;

现在你不需要这部分了或者，您可以创建一个空的 obj 并将您的模块内容添加到其中，这就是它的样子：

function greetFromHtml() {alert("Hello");}const module = {};import { greet } from "./app.js";module.greet = greet;