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>中的代码在呈现标记之前运行（否则，如果标记中包含任何逻辑，斯维尔特将不知道呈现什么）。因此，您之后才能引用DOM节点。之所以存在onMount函数是因为：https://svelte.dev/tutorial/onmount

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

如何在Svelte中使用TypeitJs？

1 个答案: