Typed.js文字未显示

Question

我正在尝试实现Typed.js的新ES6模块版本（不是jQuery版本），但是文本没有显示-仅显示光标（保持静止并且不闪烁）。

我通过NPM毫无问题地安装了库，并且正在使用Webpack进行编译。 当我检查编译的app.js将显示该库。 app.js在页面上正确加载，并且控制台中没有错误。 只是一个固定的光标，应该在其中显示我的动态键入文本。

这是我的代码（大部分只是官方网站上的示例）：

typewriter.js

import Typed from 'typed.js';

var typed = new Typed('#typed-text', {
  strings: ["First sentence.", "Second sentence."],
  typeSpeed: 30
});

index.html

<div class="column">
  <p id="typed-text"></p>
</div>

Answer 1

Typed.js在<span>呈现文本。 由于您的javascript将strings输出为typed-text ，并且由于您希望以段落形式设置字符串格式，因此您要像这样定义<span> ：

index.html

<div class="column">
<p>
<span id="typed-text"></span>
</p>
</div>