使用 JavaScript Embedding API 在 Next.Js 应用程序中嵌入 Orbeon Form 时出错

Question

我有一个 Orbeon 表单，我想将其嵌入到我的 Next.Js 应用程序中。从 Orbeon 文档中我找到了以下文档：

https://doc.orbeon.com/form-runner/link-embed/javascript-api

根据文档，我尝试在 Next.js 应用程序中使用如下代码片段：

ORBEON.fr.API.embedForm(
    document.getElementById("my-container-element"),
    "/orbeon",
    "human-resources",
    "job-application",
    "new"
)
.then(() => {
    console.log("`embedForm()` successfully loaded the form");
})
.catch((e) => {
  console.log("`embedForm()` returned an error");
  console.log(e);
});

我收到错误“ORBEON 未定义”。 谁能帮我解决这个问题吗？

Answer 1

您是否按照 JavaScript Embedding API 的“要包含的 JavaScript”部分所述在您的页面中包含了 JavaScript Embedding API？

如果有，问题可能是由您的代码在此脚本之前运行引起的。在这种情况下，您可能需要更改

<script>

的顺序，以便 JavaScript Embedding API 脚本元素出现在您自己的脚本或 Next.js 脚本之前。