Uncaught ReferenceError: Typewriter is not defined

Question

我已经添加了一个用于打字功能的脚本，我想在我的网站的横幅上添加，但由于某些原因，在 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，这是我的第一个脚本项目。任何建议都会有所帮助 ;)

Answer 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>

Answer 2

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

<script src="path/to/resource.js"></script>

Uncaught ReferenceError: Typewriter is not defined

Uncaught ReferenceError: Typewriter is not defined

javascript

referenceerror