Не можете запустить SweetAlert2, скинуть ошибки? - PullRequest
Новая
       18

Не можете запустить SweetAlert2, скинуть ошибки?

0 голосов
/ 20 июня 2019

HTML: 

<html>
<head>
    <script
    src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
    crossorigin="anonymous"></script>
    <script type="module" src="sweetalert2.js"></script>
    <link rel="stylesheet" href="sweetalert2.min.css">
    <script type="module" src="test.js"></script>
</head>
<body>

</body>
</html>

JS: 

$( document ).ready(function() {

    import Swal from 'sweetalert2.js'

    Swal.fire({
        title: 'Error!',
        text: 'Do you want to continue',
        type: 'error',
        confirmButtonText: 'Cool'
    })
});

Оба файла (test.html и test.js) находятся в одном каталоге!

Ошибка:

Неожиданный идентификатор в test.js - строка 3

Ошибка типа: Невозможно задать свойство 'Sweetalert2' из неопределенного - sweetalert2.js - строка 8

SweetAlert2

1 Ответ

1 голос
/ 20 июня 2019

здесь вам не нужно import Swal from 'sweetalert2.js'

рабочий пример 

<!DOCTYPE html>
<html>
<head>
<title>sweetalert2</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<script>
  $(document).ready(function() {
    Swal.fire({
    title: 'Error!',
    text: 'Do you want to continue',
    type: 'error',
    confirmButtonText: 'Cool'
  })
  });

</script>

</body>
</html>
...