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

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>

我收到一个错误未捕获的错误：'target' 是必需的选项

Answer 1

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

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

Error while mounting a component on a div instead of a body