Javascript SweetAlert 不工作？

Question

这个html文档

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
</head>

<script>
    SweetAlert('a', 'b', 'c');
</script>

不工作。我得到 Uncaught ReferenceError: SweetAlert is not defined

如果我使用 swal() 而不是 SweetAlert() 我会得到

Uncaught TypeError: Cannot read property 'className' of null

与 sweetalert2 相同的测试

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.common.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.js"></script>
</head>

我得到以下内容

Uncaught ReferenceError: module is not defined
    at sweetalert2.common.min.js:1

sweetalert2.min.js:1 Uncaught TypeError: Cannot read property 'querySelector' of null
    at u (sweetalert2.min.js:1)
    at c (sweetalert2.min.js:1)
    at U (sweetalert2.min.js:1)
    at e (sweetalert2.min.js:1)
    at test:8

Answer 1

错误A

您呼叫的是 SweetAlert(...) 而不是 sweetAlert(...)。第一个字母应该小写。

错误B

如果您使用第三个参数，它应该是 warning、error、success 或 info

sweetAlert("title", "description", "error");

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>

Answer 2

您不需要像 sweetAlert 这样的名称。您可以使用 swal('Title', 'Message', 'type') 而不是 sweetAlert

swal("HEY", "Message", "warning")

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>

Answer 3

//定义.

    <script src="js/sweetalert.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/sweetalert.css">

//调用

    function callSweetMsg(){
        swal({
        title: "Error!",``
        text: "Here's my error message!",
        type: "error",
        confirmButtonText: "Cool"
       });
    }

Answer 4

类型必须小写，例如警告、错误、成功或信息。

Javascript SweetAlert 不工作？

Javascript SweetAlert not working?

javascript

sweetalert

错误A

错误B