时间戳

首页 > 解决方案 > 在 div 而不是 body 上安装组件时出错

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

问题描述

我正在尝试使用 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>

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

标签： svelte

解决方案

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

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

推荐阅读