مشكلة بخصوص ال carousel الخاص ببوتسراب لا يعمل

انتبه الى أنك لا تقوم اساسا بتضمين بوتستراب في المشروع، سيعطل هذا بطبيعة الحال أي وظيفية يقدمها هذا الأخير. 

قم باستدعاء ملف جافاسكربت الخاص ببوتستراب عن طريق cdn:

   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>
</body>

او عن طريق تثبيتها عن طريق مدير الحزم npm:

npm i bootstrap

ثم في ملف index.js:

import 'bootstrap'

تأكد فقط من اعادة تحزيم ملفات المشروع عن طريق تنفيذ npm run build

المشكلة بسبب أنك لم تقم  بإرفاق ملفات javaScript من الأساس في الكود وأكتفيت بأضافة ملفات Css فقط :

ببساطة قم بإضمان اكواد JavaSript عن طريق إضافة الكود التالي في ملف index.js:

import "bootstrap";

الكود الخاص بك صحيح ولكن سبب عدم عمل ال carousel  هو أنك لم تقم بأستدعاء ملف الJS المسؤال عن تحريك الcarousel ويمكنك فعل ذلك من خلال أستدعاء bootstrap في ملف index.js  كما في هذه الصورة.

ويفضل أن تصفح هذه الصفحة من توثيق bootstrap في موسوعة حسوب لمعرفة تفاصيل أكثر.

بتاريخ 27 دقائق مضت قال Adnane Kadri:

انتبه الى أنك لا تقوم اساسا بتضمين بوتستراب في المشروع، سيعطل هذا بطبيعة الحال أي وظيفية يقدمها هذا الأخير. 

قم باستدعاء ملف جافاسكربت الخاص ببوتستراب عن طريق cdn:

   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>
</body>

او عن طريق تثبيتها عن طريق مدير الحزم npm:

npm i bootstrap

ثم في ملف index.js:

import 'bootstrap'

تأكد فقط من اعادة تحزيم ملفات المشروع عن طريق تنفيذ npm run build

شكرا جزبلا لك استاذي 

ما قمت به هو ما كان موثق في موقع  bootstrap  الرسمي ولم يتم ذكر استدعاء الملف في  js  

تحياتي لك

 شكرا جزيلا لكم يبدو انني لم الاحظ هذا السطر