Sweetalert2：未知参数图标

Question

我在我的项目中使用 sweealert2 这是我的代码

header 通过 jsdeliver.net

包含 js

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8" charset="UTF-8"></script>

Jquery版本：jQueryv3.4.1

页脚上的脚本

<script>
$(document).ready(function() {
    $("#updateUserProfile").submit(function(e) {
    e.preventDefault(); 

    var form = $(this);
    var url = form.attr('action');

    $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(), 
           success: function(data)
           {
                $('.modal').modal('hide');
                var hasil = $.parseJSON(data);
                Swal.fire({
                    icon: 'info',
                    title: hasil.message,
                    showConfirmButton: false,
                    timer: 1500
                });
                // Swal.fire('Success', hasil.message, 'success', 1500)
                setTimeout(function(){
                    window.location.reload(1);
                }, 1500);
           }
         });
    });
});
</script>

console.log

出错

SweetAlert2: Unknown parameter "icon"

但是当我这样使用时没有错误，并且出现了图标

Swal.fire('Success', hasil.message, 'success', 1500)

Answer 1

几天前发布了新的主要版本（v9），请更新您的sweetalert2依赖项：

package.json:

"sweetalert2": "^9.0.0",

或者，如果您使用的是 CDN：

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

阅读发行说明以查看所有重大更改：https://github.com/sweetalert2/sweetalert2/releases/tag/v9.0.0

Answer 2

尝试将 "icon" 切换为 "type"，如下所示：

               Swal.fire({
                    type: 'info',
                    title: hasil.message,
                    showConfirmButton: false,
                    timer: 1500
                });

我刚刚遇到了同样的问题并找到了这个解决方案！

Sweetalert2：未知参数图标

Sweealert2 : Unknown parameter icon

sweetalert2