如何在Svelte中使用TypeitJs？

Question

 <script>
  import TypeIt from "typeit";
  export let name;

  new TypeIt('#simpleUsage', {
  strings: 'This is a simple string.',
  speed: 50,
  waitUntilVisible: true
}).go();

</script>

<style>
  h1 {
    color: purple;
  }
</style>

<h1>
  Hello
  <span id="name"></span>
</h1>
<p id="simpleUsage"></p>

我成功导入了typeit npm模块，没有错误登录到控制台，但仍然无法正常工作。

我肯定尝试过webpack和汇总。

我知道我很专一，但是任何人都可以在这里帮助我。我是新手，没有任何错误登录到控制台，很难找到问题。

Answer 1

中的代码在<script>呈现标记之前运行（否则，如果标记中有逻辑，Svelte将不知道呈现什么）。因此，您之后才能引用DOM节点。该onMount功能存在的原因如下：https : //svelte.dev/tutorial/onmount

最好使用对DOM节点的引用，而不是使用id属性（不能保证它是唯一的-如果您有此组件的两个实例，则将有重复的ID）。参见https://svelte.dev/tutorial/bind-this。