Javascript 未捕获引用错误：未定义打字机

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

在Chrome上打开控制台时，我遇到以下错误：

未捕获引用错误：未定义打字机

var app=document.getElementById（'notificationBar'）；
var打字机=新打字机（应用{
循环：对，
光标：“”，
});
typewriter.typeString（'MESSAGE1'）
.pauseFor（2500）
.deleteAll（）
.typeString（'MESSAGE2'）
.pauseFor（2500）
.deleteAll（）
.typeString（'MESSAGE3'）
.pauseFor（2500）
.start（）；

---

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

我四处查看，发现您需要使用的

脚本

：

var-app=document.getElementById（'notificationBar'）；
var打字机=新打字机（应用{
循环：对，
光标：“”，
});
typewriter.typeString（'MESSAGE1'）
.pauseFor（2500）
.deleteAll（）
.typeString（'MESSAGE2'）
.pauseFor（2500）
.deleteAll（）
.typeString（'MESSAGE3'）
.pauseFor（2500）
.start（）
您需要在参考资料部分添加CDN
或
只需将其作为脚本添加到HTML中：


您是否加载了包含
打字机类/构造函数的脚本？打字机构造函数的定义在哪里？代码中没有任何内容表明它已定义。您可以共享到JSFIDLE的链接吗？可能与脚本标记的顺序或打字机源文件的错误路径有关
<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>