sweetalert çalışmıyot

Merhaba,

Öncelikle sweet alert kütüphanesini projenize import etmeniz gerekmekte. Aşağıdaki cdn kodunu head tagları arasına yazarak kodu projenize import edebilirsiniz:

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

Sonra ise aşağıdaki kodu script tagları arasına yazarak sağ tık engeli yapabilirsiniz. Bu kod sağ tık yaptığınızda hi bir şey göstermeyecektir:

document.addEventListener('contextmenu', function (e) {
   e.preventDefault();
});

Eğer uyarı ekranı göstermesini isterseniz eğer aşağıdaki kod ile değiştirebilirsiniz:.

document.addEventListener('contextmenu', function (e) {
   e.preventDefault();
   Swal.fire({
      title: 'Sağ Tıklama Engellendi',
      text: 'Bu sayfada sağ tıklama engellidir.',
      icon: 'warning',
      confirmButtonText: 'Tamam'
   });
});

sweetalert2 css dosyası da var onu import edememiş olabirlsin.

Galiba SweetAlert2 paketini kullanarak bir uyarı mesajı oluşturmaya çalışıyorsun ancak "swal.fire" komutunun çalışmadığını söylüyorsun.

Bu hatayı almanın nedeni, "swal.fire" komutunun doğru bir şekilde yazılmamış olması ya da SweetAlert2 paketinin doğru bir şekilde yüklenmemiş olması olabilir.

İlk olarak SweetAlert2 paketinin yüklü olduğundan emin ol bu paketi yüklemek için projenin dizinine giderek aşağıdaki komutu çalıştır.

npm install sweetalert2

Daha sonra "swal.fire" komutunu kullanarak bir uyarı mesajı oluşturmak için aşağıdaki gibi bir kod kullan.

import Swal from 'sweetalert2';

Swal.fire(

{
  title: 'Başlık',
  text: 'Mesaj',
  icon: 'info',
  confirmButtonText: 'Tamam'
}

);
 

merhaba, kodunuzu paylaşabilir misiniz?   inceleyelim

Merhabalar. Kodunuzu paylaşırsanız yardımcı olabilirim

Teşekkürler