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

السؤال

نشر

السلام عليكم

قمت بترقية البوتستراب الى آخر إصدار في مشروعي لكن ظهرت عندي  مشكلة في الربط بين ملف js و تنسيقات بوتستراب فما اعلمه انه في ملف webpack.mix يتم تحديد المسارات المراد تحويلها من sass وكذلك ملفات js ويتم إنشاء ملفات في مسار آخر والتي نضمنها في الشيفرة 

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

 

تفقدت هذه المسارات تبدوا سليمة ولكن عند عمل  :

npm run watch

يظهر لي الخطأ التالي

 ERROR  Failed to compile with 1 errors                                                                                                             8:11:29 AM

This relative module was not found:

* ./bootstrap/ in ./resources/js/app.js
       Asset      Size   Chunks             Chunk Names
/css/app.css   201 KiB  /js/app  [emitted]  /js/app
  /js/app.js  4.69 KiB  /js/app  [emitted]  /js/app

ERROR in ./resources/js/app.js
Module not found: Error: Can't resolve './bootstrap/' in 'C:\laragon\www\bookstore\resources\js'
 @ ./resources/js/app.js 1:0-23
 @ multi ./resources/js/app.js ./resources/sass/app.scss

شكرا

 

Recommended Posts

  • 1
نشر

لاحظ الخطأ يخبرك أنه لا يستطيع معالجة الملف bootstrap/ , وهذا هو الخطأ بالتحديد

ERROR in ./resources/js/app.js
Module not found: Error: Can't resolve './bootstrap/' in 'C:\laragon\www\bookstore\resources\js'
 @ ./resources/js/app.js 1:0-23

الخطا كما هو ظاهر في اول سطر من ملف app.js الموجود في المسار التالي

resources\js\app.js

أرجو منك التأكد من كتابة اسم الملف bootstrap.js كالتالي

require('./bootstrap');

ثم قم بتنفيذ الأمر npm run watch

  • 1
نشر
بتاريخ 2 دقائق مضت قال Brahim Semmani:

إختفى الخطأ لكن الجافاسكريبت لاتعمل في الموقع بحيت القائمة المنسدلة و زر النافبار للشاشات الصغير لايعمل 

من الممكن أنك تعمل على الاصدار الخامس من بوتستراب , في بوتستراب اسماء الخصائص تغيرت قليلا فمثلا 

data-toggle => data-bs-toggle

data-target=>data-bs-target

سوف تجد أنه تم زيادة حرفي bs على بعض الخصائص , لذلك يجب تغيير اسماء الخصائص , يمكنك فعل ذلك من خلال الموقع الرسمي للاصدار الخامس لبوتستراب , يمكنك الذهاب اليه من هنا

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...