Javascript - Uncaught（承諾）

Question

我有一個功能，點擊我使用sweetalert2。這是函數：

publish = function (article) { 
    swal({ 
     title: "Skal du publisere?", 
     text: null, 
     type: "info", 
     showCancelButton: true, 
     cancelButtonText: "Avbyrt", 
     cancelButtonColor: '#FFF', 
     confirmButtonColor: "#2E112D", 
     confirmButtonText: "Ja, publisere" 
    }).then(function(){ 
     var articleId = $(article).val(); 
     $.post("/admin/articles/publish/article", { 
      '_token' : $('meta[name="csrf-token"]').attr('content'), 
      'articleId': articleId 
     }).done(function(){ 
      $(article).hide(); 
      return swal({ 
       type: 'success', 
       title: 'Du har publisert den artikkel.', 
       showConfirmButton: false, 
       timer: 1000 
      }); 
     }).fail(function() { 
      return swal({ 
      type: 'warning', 
      title: 'Noeting gikk feil, prov igjen', 
      showConfirmButton: false, 
      timer: 1000 
      }); 
     }); 
    }, function(dismiss) { 
    // dismiss can be 'overlay', 'cancel', 'close', 'esc', 'timer' 
     if (dismiss === 'cancel') { // you might also handle 'close' or 'timer' if you used those 
     // ignore 
     } else { 
     throw dismiss; 
     } 
    }) 
} 

一切工作正常，但我得到一個錯誤的計時器：

sweetalert2.min.js：1未捕獲的（以諾）定時器

如何我可以避免這種情況，我做錯了什麼？

Answer 1

問題是，你通常不應該調用一個函數來返回一個承諾，而不是用這個承諾做一些事情。在這種情況下，承諾返回函數是swal和$.post。如果你忽略了退還的承諾，那麼你不會等待它完成。您then處理器可以返回一個承諾，繼續承諾鏈，就像這樣：

publish = function (article) { 
    return swal({ 
     title: "Skal du publisere?", 
     text: null, 
     type: "info", 
     showCancelButton: true, 
     cancelButtonText: "Avbyrt", 
     cancelButtonColor: '#FFF', 
     confirmButtonColor: "#2E112D", 
     confirmButtonText: "Ja, publisere" 
    }).then(function(){ 
     $(article).hide(); 
     var articleId = $(article).val(); 
     return $.post("/admin/articles/publish/article", { 
      '_token' : $('meta[name="csrf-token"]').attr('content'), 
      'articleId': articleId 
     }).then(function(){ 
      return swal({ 
       type: 'success', 
       title: 'Du har publisert den artikkel.', 
       showConfirmButton: false, 
       timer: 1000 
      }).catch(function(timeout) { }); 
     }); 
    }, function(dismiss) { 
    // dismiss can be 'overlay', 'cancel', 'close', 'esc', 'timer' 
     if (dismiss === 'cancel') { // you might also handle 'close' or 'timer' if you used those 
     // ignore 
     } else { 
     throw dismiss; 
     } 
    }) 
    .catch(function(err) { 
     console.error(err); 
     throw err; 
    }) 
} 

Answer 2

你需要一個拒絕處理程序添加到無極。另外，您也可以使用.catch(swal.noop)作爲一種快速簡單地抑制錯誤：

swal('...') 
    .catch(swal.noop); 

---

這個問題的包文檔中提到：https://github.com/limonte/sweetalert2#handling-dismissals

此外，還有關於這一主題的封閉問題： limonte/sweetalert2#221