sweetalert2: "swal is not defined" after migrating from Sweet Alert 1

I was previously using the original Sweet Alert, and things were working fine. Upgraded to SA2 and followed the migration guide. My code:

import swal from "sweetalert2"

swal({
    title: "Are you sure?",
    text: "This cannot be undone.",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes.",
    closeOnConfirm: false,
    showLoaderOnConfirm: true
}).then(function() {
    /* do stuff */
})

This results in swal is not defined.

Webpack doesn’t report an error, so it’s not a compilation issue. Do I have to do something else to make this work? Other than switching from callbacks to promises as per the migration guide, nothing else has changed in my code. Using Chrome.

About this issue

Original URL
State: closed
Created 7 years ago
Comments: 17 (7 by maintainers)

Most upvoted comments

+86

limonte on Mar 29, 2017

import swal from 'sweetalert2';

window.swal = swal

+34

webhacking on Feb 7, 2018

i had resolved this issue by replacing sweetalert2 cdn

omererbil on Nov 26, 2018

For anyone struggling with this, I finally resolved it by re-importing swal in each component in which it is invoked. Importing it just in main.js didn’t work.

I use Vue.js. Did not have this problem with the original SweetAlert.

egeersoz on Oct 16, 2017

Just in case you’re wondering, this is normal and indicates that your module bundler does its job correctly, and that swal is no longer a global object manually attached to the window, but behaves like a real ES 2015 module.

toverux on Feb 7, 2018

@GarbledTTT the cloudflare CDN is not the official one. Please use the one pointed by limonte above:

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

gverni on Jun 14, 2019

i had resolved this issue by replacing sweetalert2 cdn

Thank you 😃 its also worked for me

kshitish45 on Jan 18, 2019

import swal from ‘sweetalert2’;

window.swal = swal

This did it for me

skillcraft-io on Apr 12, 2019

@egeersoz I just updated https://github.com/limonte/sweetalert2-webpack-demo to latest versions, works fine, take a look.

limonte on Mar 29, 2017