مشکل سینتکسی در کدهای input type پلاگین sweet alert

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام و عرض ادب خدمت استاد صالحی عزیز و دوستانی که دوره طراحی وب رو دنبال می‌کنند. خدمتتون عرض کنم بنده زمانی که کدهای input type این پلاگین رو در پروژه خودم استفاده می‌کنم. از سینتکس await ایراد میگیره... تاکید میکنم سایر کدهای این پلاگین بدون خطا در پروژه بنده اجرا میشه. من نمونه کدی که مثلا برای input type ایمیل در این پلاگین هست رو اینجا ضمیمه میکنم... استاد عزیز و یا سایر دوستانی که میتونن کمک کنن بفرمایید چرا این کدها در پروژه اجرا نمیشه؟؟ آیا نیاز به افزودن cdn یا فایل خاص دیگری داره؟؟؟ ممنون میشم راهنمایی کنید متشکرم...

const { value: email } = await Swal.fire({
  title: "Input email address",
  input: "email",
  inputLabel: "Your email address",
  inputPlaceholder: "Enter your email address"
});
if (email) {
  Swal.fire(`Entered email: ${email}`);
}

درود. وقت بخیر

1. سینتکس await فقط در توابعی که با async تعریف شدن قابل استفاده هست. بنابراین، اگر این کد رو در یک تابع عادی (غیر از async) قرار دادید، خطا خواهد داد. باید کد رو در یک تابع async قرار بدید.

مثال:

async function getEmail() {
  const { value: email } = await Swal.fire({
    title: "Input email address",
    input: "email",
    inputLabel: "Your email address",
    inputPlaceholder: "Enter your email address"
  });
  if (email) {
    Swal.fire(`Entered email: ${email}`);
  }
}
// صدا زدن تابع
getEmail();

2. مطمئن بشید که کتابخانه SweetAlert (یا SweetAlert2) به درستی در پروژه شما بارگذاری شده. اگر از CDN استفاده می‌کنید، باید لینک صحیح رو در HTML اضافه کنید.

مثال:

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

3. اگر هنوز هم با خطا مواجه می‌شید، می‌تونید به کنسول مرورگر (Developer Tools) مراجعه کنید و ببینید آیا خطای خاصی وجود داره یا خیر.

بهترین پاسخ

سحر پاشائی ۱۴ فروردین ۱۴۰۴، ۰۸:۰۴

درود بر شما ممنون از پاسخگویی شما... خدمتتون عرض کنم با async مشکل await رو حل میکنم و خطا رفع میشه... منتها باکس email در خروجی مرورگر اضافه نمیشه!!!

همه فایل‌های لازم برای پلاگین sweet alert به درستی به پروژه اضافه شده... چون سایر باکس‌های پیغام به جز input type‌ها بدرستی کار میکنند.

خود استاد صالحی هم input type‌ها رو فقط روی صفحه گیت هاب پلاگین تست کردن و به پروژه اضافه نکردن!!.. در مجموع اگر شما یا دوست عزیز دیگری این موارد را بدون مشکل input type‌ها رو به پروژه اضافه می‌کنید و در خروجی مرورگر باکس ایمیل و... ظاهر میشن و کار میکنند به بنده بگید تا ببینیم مشکل از کجاست متشکرم...

علیرضا ابراهیمی ۱۴ فروردین ۱۴۰۴، ۰۹:۵۸

خب خوشبختانه مشکل حل شد.. مشکل از این بود تابعی که در async تعریف میکردم رو در پروژه کال نمیکردم... ممنون از خانم پاشائی که باعث شدن به مشکل اجرا نشدن کدهای input type در زمان استفاده از sweet alert پی ببرم... متشکر از شما...

علیرضا ابراهیمی ۱۴ فروردین ۱۴۰۴، ۱۰:۰۸