• 0

خطأ في ملف style.CSS يؤدي إلى عدم ظهور التنسيقات webpack

السلام عليكم

اذ كان ملف التنسيقات (style.CSS) الموجود في المسار (src/CSS) في مجلد المشروع لا يعمل !!

والحزم مثبتة وملف (web pack) بشكل صحيح ولكن لا تظهر التنسيقات !!!

مع العلم أنا التنسيقات في ملف (style.scss) الموجودة في المسار (src/sass) تعمل بشكل طبيعي.

فكيف يمكنني معرفة هذ المشكلة؟؟؟

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

هل يمكنك إرفاق ملف إعداد webpack حتى يمكننا تشخيص المشكلة بشكل أفضل ؟ 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

مرحبا علاء
تأكد جيدا من الكود الذي يقوم بمعاجلة ملفات css, اذا كان صحيح وليس فيه أي مشكلة, تأكد من انك تقوم بتضمين ملف style.css بشكل صحيح في ملف index.js, وأيضا تأكد من تضمين ملف index.js في ملف index.html , اذا لم تجد أي مشكلة في كل ما سبق, تأكد من خاصية publicPath الموجودة في ملف webpack.config, يمكنك حذفها أو تركها فارغة
حاول باستخدام الضغط على فحص العنصر في المتصفح أن تتفحص الكود الخاص بالموقع وتأكد بان ملف style.css مضمن في الكود بشكل صحيح
شكرا لك

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

تحقق جيدا من تثبيت واعداد sass-loader و MiniCssExtractPlugin وهذا مثال مساعد 

module.exports = {

 module: {
 
  rules: [
        {
          test: /\.s[ac]ss$/i,
          use: [
            MiniCssExtractPlugin.loader,
            'css-loader',
            'sass-loader', 
          ],
        },
        
        {
          test: /\.css$/i,
          use: [ MiniCssExtractPlugin.loader,'css-loader'],
        }, 
    ]
 },

plugins: [
    new MiniCssExtractPlugin({
     filename: '[name].css',
      chunkFilename: '[id].css',
    }),
  ],
};

يمكنك التحقق أولا مجلد ال build لترى ما ان كانت ملفات ال css متواجدة بالشكل الصحيح هناك وراجع جيدا اعدادت webpack.config.js

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن