如何导入HTMX变量？

Question

我在一些动态生成的DOM元素上使用HTMX属性。如医生们中所述，除非调用htmx.process()，否则HTMX无法工作。

当我试图调用它时，我得到了-正确的-错误：

未定义的ReferenceError: htmx

知道如何导入这个htmx变量吗？不知道文档中的示例如何工作。

谢谢！

Answer 1

非模块版本的htmx.org定义了一个全局的，但您正在使用模块(通过import)。模块的一半重点是消除全局，所以它的模块版本不会创建全局的，它将返回一个导出。

在一条删除的评论中，您说实际的导入是import "htmx.org" (而不是import htmx.org，因为注释还在那里)。既然如此，你可能会想要其中之一：

// Importing the default export
import htmx from "htmx.org";
// Or importing the module namespace object
import * as htmx from "htmx.org";
// Or importing a named export, but looking at the file I doubt you want this one
import { htmx } from "htmx.org";

很可能，你想要第一个。

您可以在执行htmx.process()调用的模块中这样做。

Answer 2

在HTML文件中，在包含Htmx之后，侦听load事件。例如，为了启用日志：

<script>
document.body.addEventListener('htmx:load', function (evt) {
  htmx.logAll();
});
</script>