5

This html document

<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>

is not working. I get Uncaught ReferenceError: SweetAlert is not defined

If i use swal() instead of SweetAlert() i get

Uncaught TypeError: Cannot read property 'className' of null

The same test with 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>

i get the following

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
brazorf
  • 1,943
  • 2
  • 32
  • 52

4 Answers4

10

Error A

You were calling SweetAlert(...) instead of sweetAlert(...). First letter should be in lower case.

Error B

If you are using the third argument, it should be warning, error, success or 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>
Weedoze
  • 13,683
  • 1
  • 33
  • 63
  • this is also working for `swal({ title: "Are you sure?", text: "Your will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonClass: "btn-danger", confirmButtonText: "Yes, delete it!", closeOnConfirm: false }, function(){ swal("Deleted!", "Your imaginary file has been deleted.", "success"); });` – Imran_Developer Apr 04 '22 at 15:22
4

You don't need a name like sweetAlert. You can use swal('Title', 'Message', 'type') instead of 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>
Ali
  • 1,358
  • 3
  • 21
  • 32
2

//Define.

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

//For Call

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

Type must be in small case like warning, error, success or info.

Pankaj
  • 169
  • 2
  • 11