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

السؤال

نشر

السلام عليكم ورحمة الله وبركاته ،

أواجه مشكلة في  تنصيب sass-loader ، مع العلم انني استخدمت css-loader بشكل طبيعي وعندما نقلت test:/\.css$/, إلى test: /\.(sa|sc|c)ss$/, يظهر الخطأ ، وإذا قمت بإعادة  test:/\.css$/, يزول الخطأ ، كيف يمكنني معالجة المشكلة ؟

sdsds.png

sdfgfh.png

Recommended Posts

  • 0
نشر

المشكلة ليست في sass-loader كما هو واضح من رسالة الخطأ, المشكلة في السطر الثامن من ملف style.css, هناك مشكلة في تحديد مسار الملف, لا أستطيع أن أقدم حلول بهذه الطريقة, هل يمكنك ارفاق ملفات المشروع لنعاين المشكلة جيدا ونساعدك في حلها؟

  • 0
نشر
بتاريخ 2 ساعات قال oussama toughli:

السلام عليكم ورحمة الله وبركاته ،

أواجه مشكلة في  تنصيب sass-loader ، مع العلم انني استخدمت css-loader بشكل طبيعي وعندما نقلت test:/\.css$/, إلى test: /\.(sa|sc|c)ss$/, يظهر الخطأ ، وإذا قمت بإعادة  test:/\.css$/, يزول الخطأ ، كيف يمكنني معالجة المشكلة ؟

ليس لقاعدة webpack علاقة بالخطأ فرسالة الخطأ تخبرك انه يوجد خطأ متعلق بقواعد كتابة لغة css في ملف src/css/style.css/. في الأسطر من 8 ل 14، حيث تذكز أنها توقعت وجود قوس إغلاق ( بالقرب من هذه الأسطر و لكن لم تجده.

لذلك أرجو منك التأكد من عدم وجود خطأ كتابي في هذا الجزء، إذا لم تنتهي المشكلة يمكنك إرفاق الأكواد الخاصة ب css هنا و سنقوم بالمساعدة

  • 0
نشر

اعتقد الخطا من عدم وجود loader للعناوين في ملفات css و sass

مثال

background-image: url("./image.png");

حتى يعمل bundle للصورة

يمكنك تثبيت url-loader

npm install url-loader --save-dev

وفي ملف الكونفق

{

test: /\.(svg|gif|jpg|png|eot|woff|woff2|ttf)$/,

use: [

'url-loader',

],

}

 

  • 0
نشر
بتاريخ الآن قال ابوسعيد يعقوب:

اعتقد الخطا من عدم وجود loader للعناوين في ملفات css و sass

مثال


background-image: url("./image.png");

حتى يعمل bundle للصورة

يمكنك تثبيت url-loader


npm install url-loader --save-dev

وفي ملف الكونفق


{

test: /\.(svg|gif|jpg|png|eot|woff|woff2|ttf)$/,

use: [

'url-loader',

],

}

 

هل ما زلت تواجه المشكلة؟

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...