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

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

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