SweetAlert2: Неожиданный тип HTML! Ожидаемая «строка», полученный объект

Question

Я пытаюсь открыть диалоговое окно SweetAlert2 с двумя кнопками со следующим фрагментом кода:

swal('Some text', {
  buttons: {
    buttonA: {
      text: 'Some text',
      value: 'buttonA',
      className: 'some-class'
    },
    buttonB: {
      text: 'Some other text',
      value: 'buttonB',
      className: 'some-class'
    }
  },
  buttonsStyling: false
}).then((result) => {
  switch (result) {
    case 'buttonA':
      // Do something
      break;
    default:
      // Do something else
  }
})

Но я получаю следующее сообщение об ошибке:

SweetAlert2: Неожиданный тип HTML! Ожидаемая «строка», полученный объект

Кроме того, в диалоговом окне отображается только одна кнопка «ОК»

Что я делаю не так?

Answer 1

Вы установили SweetAlert2 , но с использованием API SweetAlert . Сегодня это два плагина с разными API.

Используйте API SweetAlert2 для получения желаемого результата:

swal({
  title: 'Hello world!',
  confirmButtonText: 'Some text',
  cancelButtonText: 'Some other text',
  confirmButtonClass: 'some-class',
  cancelButtonClass: 'some-other-class',
  showCancelButton: true
}).then(function(result) {
  if (result.value) {
    console.log('button A pressed')
  } else {
    console.log('button B pressed')
  }
})

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

Answer 2

Используйте последние sweetalert

Просто замените ваш sweetalert файл сценария следующим:

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

здесь это документация