SweetAlert2 syntax error on Internet Explorer 11

Question

I'm using the exactly code of SweetAlert2 examples page:

swal({
  title: 'Are you sure?',
  text: "You won't be able to revert this!",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, delete it!'
}).then((result) => {
  if (result.value) {
    swal(
      'Deleted!',
      'Your file has been deleted.',
      'success'
    )
  }
})

Works fine on Firefox and Chrome, but Internet Explorer shows SCRIPT1002: Syntax Error and not run the script...IE flag this portion as syntax error:

}).then((result) => {

Thanks for any help

score 19 · Accepted Answer · answered Apr 18 '18 at 10:11

19

(result) => {} is an arrow function which is completely unsupported in IE. To fix this you'll have to use a traditional anonymous function:

swal({
  // options...
}).then(function(result) {
  if (result.value) {
    swal('Deleted!', 'Your file has been deleted.', 'success');
  }
});

answered Apr 18 '18 at 10:11

Rory McCrossan

331,213
40
305
339

Ooh really... IE surprised me again haha... Works fine, thanks =D – Pedro Antônio Apr 18 '18 at 10:17
No problem, glad to help – Rory McCrossan Apr 18 '18 at 10:25
Searching for an hour, thought this was a promise problem. Such an easy fix, thanks! – Bjorn Dec 23 '18 at 21:32
IE did it again! – Josue Barrios Jul 24 '19 at 19:54

score 4 · Answer 2 · answered Apr 18 '18 at 10:16

IE11 does not support some modern ES6 features like arrow functions and promises.

To fix it, you should either compile your code with Babel, or use a Promise-polyfill with the traditional function syntax:

swal(...)
  .then(function(result) {
    console.log(result.value)
  })

Read more about SweetAlert2 usage: https://github.com/sweetalert2/sweetalert2#usage

score 0 · Answer 3 · answered Apr 18 '18 at 10:21

Aditionally to anonymous functions, to have swal fully functional in IE, its necessary add and script tag

<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>

As seen in https://github.com/sweetalert2/sweetalert2/wiki/Migration-from-SweetAlert-to-SweetAlert2#1-ie-support

score 0 · Answer 4 · answered Aug 06 '20 at 12:03

0

To make showLoading() work in IE11 you need to use the promise shim and an anonymous function...

Swal.fire({
    title: "Saving",
    text: "Please wait...",
    onBeforeOpen: function() {
        Swal.showLoading();
    }
});

answered Aug 06 '20 at 12:03

Kevin

121
1
4

SweetAlert2 syntax error on Internet Explorer 11

4 Answers4