اذهب إلى المحتوى

السؤال

نشر

عدم استجابة مكتبة jQuery and Popper  نسخة ال "bootstrap": "5.0.0 

    "jquery": "3.6.0",     "popper.js": "1.16.1",

هل يوجد تضارب بالنسخ المحملة ؟ أم هيه مناسبة و الخلل بالأكواد التي تمت كتابتها ؟

و بالنسبة لل Bootstrap كيف بإمكانني تخطي الاختلاف بين النسخة 4.5 و 5 خصوصا ببعض الحالات لا يكون الاختلاف واضح بالjs

 

Recommended Posts

  • 0
نشر

في حال أنك لم تقم بوضع تعريف الجافا سكربت cdn  قبل المحتوى فلن يتم التعرف على هذه المكتبة و إستخدتامها لذى عليك التحقق من ترتيب المكتبات و أين يتم وضع تعريفها في الصفحة بحيث أن ال popper مكتبة تقوم فعليا على إستخدام الجافا سكربت فعليك وضعها قبل المحتوي كالتالي و قبل الjquery  أيضا كالتالي :

<title>PAGE</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<body></body>

 

  • 0
نشر
بتاريخ 9 دقائق مضت قال Nuhla Almasri:

في حال أنك لم تقم بوضع تعريف الجافا سكربت cdn  قبل المحتوى فلن يتم التعرف على هذه المكتبة و إستخدتامها لذى عليك التحقق من ترتيب المكتبات و أين يتم وضع تعريفها في الصفحة بحيث أن ال popper مكتبة تقوم فعليا على إستخدام الجافا سكربت فعليك وضعها قبل المحتوي كالتالي و قبل الjquery  أيضا كالتالي :


<title>PAGE</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<body></body>

 

عن طريق ال webpack loader  تم تنزيل المكتبات هل يوجد تضارب بالنسخ التي تم تنزيلها؟

  • 0
نشر
بتاريخ 47 دقائق مضت قال عطاف الدسوقي:

عن طريق ال webpack loader  تم تنزيل المكتبات هل يوجد تضارب بالنسخ التي تم تنزيلها؟

لا يوجد أي تضارب بين النسخ الموصوفة . قد يحدث مشكل في حالة خطأ في تثبيت الحزم , في إضافتها للبوتستراب أو في ترتيب ملفات السكربتات ( الـ cdn ) مثل ما أشارت المدربة@Nuhla Almasri . 

وكونك قد استعملت webpack لتثبيت الحزم يجدر بك التأكد من أنك قد قمت بإضافة jQuery و Popper كـ peerDependencies بملف package.json . كما يمكنك ذلك عن طريق الأمر :

npm install --save jquery popper.js

بعد ذلك يمكنك تنزيل الـ bootstrap الذي يعتمد عليهما بشكل طبيعي عن طريق مدير الحزم npm .

أما ان كنت قد قمت بتنزيل الحزمتين بشكل منفصل فيجب عليك طبعا إضافة هاته الأدوات إلى مصفوفة الـ plugins على هذا النحو : 

plugins: [
  // ...
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    'window.jQuery': 'jquery',
    Popper: ['popper.js', 'default']
  })
  // ...
]

بحيث أن هذا سيقوم بتضمين الدوال و التوابع المصدرة عن ملفات Popper و jQuery و تعريفها بشكل عام , و بالتالي فسيتم إستعمالها من طرف البوتستراب بشكل عادي . 

كما يمكنك أيضا , وهو المقترح عمله طبقا للتوثيق الرسمي لبوتستراب , الإستعانة بهاته الحزمة في استيراد المكونات الإضافية بشكل فردي و منفصل .

إن استمرت مشكلتك بالظهور يمكنك إرفاق ملفات المشروع حتى نقوم بمساعدتك بشكل أفضل .  

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...