مشكلة في تنصيب bootstrap باستخدام npm

بتاريخ 12 دقائق مضت قال أسامة زيادة:

فقط في الإصدار الخامس من بوتستراب لا يجب تضمين JQuery ، ربما المشكلة بنسخة scss حاول إعادة إضافة الأكواد الخاصة ب carousel وتأكد من تضمين ملفات bootstrap الخاصة بـ CSS , JS . أو ربما تكون المشكلة في ترتيب الملفات التي تم استدعائها فبعض الملفات تعتمد على بعضها . 

شكرا جزيلا تعمل الان المشكلة كانت في مكتبة popper.js لم اكن مضمنها وايضا احتجت ان اضمن ملف bootstrap.min.js مع ملف ال scss !  

ربما لم تقمم بإضافة كود الجافا سكربت الخاص carousel فهو مطلوب حتى يعمل وأيضاً في التوثيق يخبرك بوتستراب أنه يجب إضافته . 

$('#myCarousel').on('slide.bs.carousel', function () {
  // do something...
})

قم بعمل التالي ، مع ملاحظة تغير اسم الكلاس إلى اسم كلاس carousel الذي لديك . 

<script type="text/javascript">
  $('.carousel').carousel({
    interval: 2000 
  })
</script>

بتاريخ 7 دقائق مضت قال أسامة زيادة:

ربما لم تقمم بإضافة كود الجافا سكربت الخاص carousel فهو مطلوب حتى يعمل وأيضاً في التوثيق يخبرك بوتستراب أنه يجب إضافته . 

$('#myCarousel').on('slide.bs.carousel', function () {
  // do something...
})

قم بعمل التالي ، مع ملاحظة تغير اسم الكلاس إلى اسم كلاس carousel الذي لديك . 

<script type="text/javascript">
  $('.carousel').carousel({
    interval: 2000 
  })
</script>

 

اسف قمت بالتجريب لا تعمل ولم اجد اي شفرات جافا سكريبت لها علي موقع bootstrap !

بتاريخ 1 ساعة قال Salah Azab:

اسف قمت بالتجريب لا تعمل ولم اجد اي شفرات جافا سكريبت لها علي موقع bootstrap !

تجد كود الجافا سكربت في نهاية الصفحة الخاصة في carousel ، هل قمت بتضمين JQuery  ؟

بتاريخ 19 ساعات قال أسامة زيادة:

تجد كود الجافا سكربت في نهاية الصفحة الخاصة في carousel ، هل قمت بتضمين JQuery  ؟

نعم ضمنت المكتبة

ولكن في العادة من قبل لم اكن استعمل شفرات جافاسكريبت للكاروسيل وكانت تعمل 

بتاريخ 1 دقيقة مضت قال Salah Azab:

نعم ضمنت المكتبة

ولكن في العادة من قبل لم اكن استعمل شفرات جافاسكريبت للكاروسيل وكانت تعمل 

في بوتستراب 5 لا يجيب عليك تضمين JQuery ، لانه تم الاستغناء عنها . 

هل يمكنك إرفاف الشيفرة البرمجية التي تتوقع بها المشكلة ، حتى استطيع مساعدتك 

بتاريخ 2 دقائق مضت قال أسامة زيادة:

في بوتستراب 5 لا يجيب عليك تضمين JQuery ، لانه تم الاستغناء عنها . 

هل يمكنك إرفاف الشيفرة البرمجية التي تتوقع بها المشكلة ، حتى استطيع مساعدتك 

انا استخدم bootstrap 4.6 هل ايضا لا يجب ان اضمن فيه المكتبة ؟

لا اعرف اين المشكلة بالتحديد فالكلاسات الخاصةة بال bootstrap تعمل بشكل طبيعي لكن الكاروسل فقط لا تعمل ولكن انا قد قمت باستدعاء ملف bootstrap ولكن نسخة scss فقط وقمت باستدعاء jquery ولكني الان قمت بازالتها ومازالت المشكلة كما هي ! 

بتاريخ الآن قال Salah Azab:

انا استخدم bootstrap 4.6 هل ايضا لا يجب ان اضمن فيه المكتبة ؟

لا اعرف اين المشكلة بالتحديد فالكلاسات الخاصةة بال bootstrap تعمل بشكل طبيعي لكن الكاروسل فقط لا تعمل ولكن انا قد قمت باستدعاء ملف bootstrap ولكن نسخة scss فقط وقمت باستدعاء jquery ولكني الان قمت بازالتها ومازالت المشكلة كما هي ! 

 

فقط في الإصدار الخامس من بوتستراب لا يجب تضمين JQuery ، ربما المشكلة بنسخة scss حاول إعادة إضافة الأكواد الخاصة ب carousel وتأكد من تضمين ملفات bootstrap الخاصة بـ CSS , JS . أو ربما تكون المشكلة في ترتيب الملفات التي تم استدعائها فبعض الملفات تعتمد على بعضها .