Estoy intentando implementar la librería Typed.js de Marr Boldt (https://mattboldt.com/demos/typed-js/) en mi web y no consigo entender por qué no me funciona. He cogido el ejemplo más básico de uno de los tutoriales que hay por la red para ver si consigo hacerlo correr(https://www.youtube.com/watch?v=0l2SdoUYB6k), pero tampoco me funciona.
Este es el código del ejemplo:
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-3.4.1.js" type="text/javascript"></script>
<script src="js/typed.js" type="text/javascript"></script>
<title>Animated typing effect using typed js</title>
</head>
<body>
<div id="wrapper" class="wrapper">
<div id="typed-strings">
<p>Typed.js is a <strong>JavaScript</strong> library.</p>
<p>It can type anything you want</p>
</div>
<span id="typed"></span>
</div>
<script>
$('document').ready(function(){
var typed = new Typed('#typed',{
stringsElement: '#typed-strings',
});
});
</script>
</body>
</html>
La consola del navegador me devuelve esto:
typed.js:1 Uncaught SyntaxError: Cannot use import statement outside a module
typed.html:53 Live reload enabled.
jquery-3.4.1.js:3841 jQuery.Deferred exception: Typed is not defined ReferenceError: Typed is not defined
at HTMLDocument.<anonymous> (http://127.0.0.1:5500/typed.html:20:21)
at mightThrow (http://127.0.0.1:5500/js/jquery-3.4.1.js:3557:29)
at process (http://127.0.0.1:5500/js/jquery-3.4.1.js:3625:12) undefined
jquery-3.4.1.js:3850 Uncaught ReferenceError: Typed is not defined
at HTMLDocument.<anonymous> (typed.html:20)
at mightThrow (jquery-3.4.1.js:3557)
at process (jquery-3.4.1.js:3625)
Aclarar que soy estudiante, así que seguramente esté metiendo la pata en algo.
Si alguien me puede ayudar, se lo agradecería un montón.
Saludos!!
typed.js
incorrecto... prueba con un enlace a un CDN a ver.