Проблемы с подключением typed.js

129

30 ноября 2019, 02:00

Возникли проблемы с подключением библиотеки typed.js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Typed.js test</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="styles.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
</head>
<body>
    <div id="typed-strings">
        <p>Typed.js is a <strong>JavaScript</strong> library.</p>
        <p>It <em>types</em> out sentences.</p>
    </div>
    <span id="typed"></span>
    <script src="script.js" charset="utf-8"></script>
</body>
</html>

и js

$('document').ready(function() {
    import Typed from 'typed.js-2.0.9';
    var options = {
      strings: ["<i>First</i> sentence.", "&amp; a second sentence."],
      typeSpeed: 40
    }
    var typed = new Typed("#typed", options);
});

Вот ошибки, которые выскакивают

Вот папка, в которой хранятся все файлы

Answer 1

Проблема в строке

import Typed from 'typed.js-2.0.9';

Данная строка может находиться только в начале файла, но не внутри функции.

Так как скрипт выполняется сразу в браузере, то данная строка вообще не нужна. Поэтому для решения проблемы достаточно просто удалить ее.

$('document').ready(function() { 
 
  var options = { 
    strings: ["<i>First</i> sentence.", "&amp; a second sentence."], 
    typeSpeed: 40 
  } 
 
  var typed = new Typed("#typed", options); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script> 
 
<div id="typed-strings"> 
  <p>Typed.js is a <strong>JavaScript</strong> library.</p> 
  <p>It <em>types</em> out sentences.</p> 
</div> 
<span id="typed"></span>

Answer 2

Сохраните файлы jquery.js и typed.js локально (сейчас вы пытаетесь их получить из интернета, и это не получается) и подключайте как локальные скрипты.

к примеру, так:

   <script src="/js/jquery.min.js"></script>
    <script src="/js/typed.js"></script>

Создание сайта для юридической фирмы в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Непонятный синтаксис в коде. @withRouter и тд?

Что значит @ в этом контексте кода? Не могу врубитсяСкрин ниже

117

javascript

Установить время конца суток JS

Как определить время конца сегодняшних сутокЕсли сейчас дата например:

142

javascript

В чем ошибка программы сортировки?

Есть программа визуализации сортировки слияниемДо этого реализовывал примерно также пузырьком, расческой и выбором, но только тут началась...

136

javascript

Загрузка файла через $.ajax на java сервер

Есть такой код ajax вызова -

128