我正在尝试创建一个当网页加载时弹出的模态。模态按预期打开，但图标和动画不能正确渲染。我的代码片段来自网站SweetAlert2。

<!-- import the sweet alert 2 package from cdn link -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<!-- sample from the sweet alert github website -->
<script>
  Swal.fire({
    icon: 'error',
    title: 'Oops...',
    text: 'Something went wrong!',
    footer: '<a href="">Why do I have this issue?</a>'
  })
</script>

当我运行代码时，生成的模态呈现一个错误图标，如下所示：

从this问题开始，我尝试将icon属性更改为type，如下所示：

<!-- sample from the sweet alert github website with type instead of icon -->
<script>
  Swal.fire({
    type: 'error',
    title: 'Oops...',
    text: 'Something went wrong!',
    footer: '<a href="">Why do I have this issue?</a>'
  })
</script>

运行此代码的结果如下所示：

这段代码根本不渲染图标。我使用的是SweetAlert 2和macOS操作系统。我该如何修复这个错误？谢谢！