无法启动 SweetAlert2，抛出错误？答案

【问题标题】：Cannot start SweetAlert2, throw errors?无法启动 SweetAlert2，抛出错误？
【发布时间】：2019-06-20 08:32:09
【问题描述】：

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 行

TypeError: 无法设置属性 'Sweetalert2' of undefined - sweetalert2.js - line 8

SweetAlert2

【问题讨论】：

首先，错误是什么？其次，你检查过 JS 文件的路径是否正确？
@RoryMcCrossan 我只是忘了提及错误。
github.com/t4t5/sweetalert/issues/889#issuecomment-458733000 看看这个
@nivendha 已检查：))

标签： javascript jquery html sweetalert2

【解决方案1】：

这里你不需要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>

【讨论】：