未捕获的 ReferenceError：未定义打字机答案

【问题标题】：Uncaught ReferenceError: Typewriter is not defined未捕获的 ReferenceError：未定义打字机
【发布时间】：2020-08-09 12:13:49
【问题描述】：

我添加了一个用于打字功能的脚本，我想在我的网站横幅上添加，但由于某种原因在 jsfiddle.net 上它工作得非常好，但发布后它就不起作用了。

在 Chrome 上打开控制台时出现以下错误：

Uncaught ReferenceError: Typewriter is not defined

<script>
var app = document.getElementById('notificationBar');
var typewriter = new Typewriter(app, {
    loop: true,
    cursor: "",
});
typewriter.typeString('MESSAGE1')
    .pauseFor(2500)
    .deleteAll()
    .typeString('MESSAGE2')
    .pauseFor(2500)
    .deleteAll()
    .typeString('MESSAGE3')
    .pauseFor(2500)
    .start();
</script>

不太确定我应该怎么做才能解决这个问题，因为我刚刚习惯了 Javascript，这是我的第一个脚本项目。任何建议都会有所帮助;)

【问题讨论】：

您是否加载了包含Typewriter class/constructor 的脚本？
那么 Typewriter 构造函数的定义在哪里？
您的代码中没有任何内容表明它已定义。你能分享 JSFiddle 的链接吗？
可能与脚本标签的顺序或打字机源文件的路径错误有关

标签： javascript referenceerror

【解决方案1】：

我环顾四周，找到了你需要使用的script：

<script src="https://unpkg.com/typewriter-effect@2.3.1/dist/core.js"></script>

var app = document.getElementById('notificationBar');
var typewriter = new Typewriter(app, {
    loop: true,
    cursor: "",
});
typewriter.typeString('MESSAGE1')
    .pauseFor(2500)
    .deleteAll()
    .typeString('MESSAGE2')
    .pauseFor(2500)
    .deleteAll()
    .typeString('MESSAGE3')
    .pauseFor(2500)
    .start();

<script src="https://unpkg.com/typewriter-effect@2.3.1/dist/core.js"></script>
<div id="notificationBar"></div>

【讨论】：

【解决方案2】：

您需要在资源部分添加 CDN 或只需将其作为脚本添加到 HTML 中：

&lt;script src="path/to/resource.js"&gt;&lt;/script&gt;

【讨论】：