Typed.js 文本未出现答案

【问题标题】：Typed.js Text Not AppearingTyped.js 文本未出现
【发布时间】：2017-10-14 05:32:18
【问题描述】：

我正在尝试实现 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>

【问题讨论】：

只是预感，你是如何加载脚本的？如果它在头部，那么 DOM 还没有被渲染。您可以等待 onload 事件，或者将您的脚本放在 HTML 之后的结束正文标记之前。
就在正文结束标记之前，谢谢。
是的，.. 这是加载脚本的常用方法，因为它可以使您的第一页渲染得更快。
尝试消除可能的原因，例如，如果页面加载不足，您可以尝试在 setTimout(function(){},10) 或 smt 中进行包装以确保情况下，我通过将其包装在 document.body.contains() 中来使其工作，以在执行代码之前检查请求的元素是否存在。祝你好运

【解决方案1】：

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

index.html

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

【讨论】：