如何导入 HTMX 变量？

Question

我在一些动态生成的 DOM 元素上使用 HTMX 属性。 HTMX 不工作，如 the docs 中所述，除非您调用 htmx.process().

当我尝试调用它时，我正确地得到了错误：

Uncaught ReferenceError: htmx is not defined

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

谢谢！

Answer 1

htmx.org 的非模块版本定义了一个全局变量，但您使用的是模块（通过 import）。模块的一半要点是取消全局变量，因此它的模块版本不会创建全局变量，而是 return 导出。

在已删除的评论中，您说实际导入是 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() 调用的模块中执行此操作。

如何导入 HTMX 变量？

How to import HTMX variable?

htmx