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

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

علاء الدين الزهوري

السؤال

السلام عليكم

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

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

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

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

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

Recommended Posts

  • 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

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...