ظهور مشكلة اثناء معالجة ملفات css في webpack

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

بتاريخ 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 هنا و سنقوم بالمساعدة

اعتقد الخطا من عدم وجود 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',

],

}

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

اعتقد الخطا من عدم وجود 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',

],

}

 

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