在 div 而不是 body 上安装组件时出错

Question

我尝试使用 document.querySelector('.widget') 在 div 元素上安装组件，但它会引发错误

main.js 看起来像

const app = new App({
    target: document.querySelector('.widget'),
});

index.html 看起来像

    <body>
    <script src='bundle.js'></script>
    <div class="widget" id="widget"></div>
    </body>

我收到错误未捕获错误：“目标”是必需选项

Answer 1

bundle.js您可以在文档中的 div 标记之前加载脚本。如果将 script 标签放在 div 之后，它将按预期工作。

<body>
  <div class="widget" id="widget"></div>
  <script src='bundle.js'></script>
</body>