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

السلام عليكم

عندما أقوم برفع المشروع على (git hub) وأكتب الأمر التالي (git branch -M main) سطر الأوامر لا يكتب حرف (M) بحجمه الكبير

ما المقصود بالحرف (M) !!!

وهل يمكنني استبداله بحرف أو بكلمة أخرى؟؟؟

وشكراً.

اقتباس

 

السلام عليكم

في حال ظهور سكرول أفقي بقيمة تقريباً (5px)

كيف يمكنني معرفة سبب ظهوره؟؟

عندما أقوم بتحويل كلمة الى رابط تشعبي يظهر خط تحت هذه الكلمة عند مرور مؤشر الفأرة عليه في المتصفح

كيف يمكنني ازالة هذا الخط؟؟؟

كيف يمكنني الغاء او تعديل الظل الذي يظهر لزر من ال (bootstrap) عند الضغط عليه,

عن طريق(CSS) !!!

مع العلم أن الظل يظهر بأربع جهات

بتاريخ 19 ساعات قال محمد أبو عواد:

مرحبا علاء
هناك العديد من المشاكل التي من الممكن أن تسبب في ذلك
المشكلة الأولى تعارض حزمتي file-loader و html-loader ,لحل هذه المشكلة تأكد من انك تستخدم الاصدار 1.3.2 من حزمة html-loader, يمكنك تثبيتها من خلال الخطوات التالية
في ملف package.json استبدل اصدار html-loader بهذا الاصدار

"html-loader": "^1.3.2",

ثم قم بالامر 

npm i

المشكلة الثانية ربما لديك مشاكل في كتابة الكود الخاص بمعالجة الصور, حاول أن يكون مثل الكود التالي

      {
        test: /\.(png|svg|jpe?g|gif)$/,
        use: [
          {
            loader: "file-loader", 
            options: {
              name: '[name].[ext]',
              outputPath: "images",
            }
          }
        ]
      },

المشكلة الثالثة تأكد من وجود الصورة في المسار الذي حددته
اذا لم ينجح الامر أرجو منك ارفاق ملفات المشروع لنساعدك في حل المشكلة
شكرا لك

مرحباً

صحيح كانت المشكلة من اصدار ال (html-loader) وقمت بحلها وظهرت الصور

ولكن بعد حل تلك المشكلة وليس بكثير عادت نفس المشكلة وأيضاً بدأت بتجربة عدة حلول وقمت بالغاء تثبيت (html-loader) وبإعادة تثبيتها بلإصدار "^1.3.2" وقمت أيضاً بمراجعة ملف (webpack)

ولكن دون فائدة لم تحل المشكلة !!!!

بتاريخ 21 ساعات قال عبدالباسط ابراهيم:

توجد العديد من المشاكل التي يمكن لها تسبب هذا الخطأ منها 

• عدم تثبيت ال loaders  ال file-loader
• استخدام ال file-loader مع إصدار 2 من ال html-loader 

ولكن أتوقع أنك تستخدم الإصدار الثاني من ال html-loader لأن هذا الإصدار يتعارض مع عمل ال file-loader لذلك تأكد من ملف ال package.json  أنك تستخدم الإصدار الأول وإن كنت تستخدم الإصدار الثاني قم بتنفيذ هذا الأمر 

npm i html-loader@1-D

ثم بعد ذلك جرب تشغيل webpack

مرحباً

صحيح كانت المشكلة من اصدار ال (html-loader) وقمت بحلها وظهرت الصور

ولكن بعد حل تلك المشكلة وليس بكثير عادت نفس المشكلة وأيضاً بدأت بتجربة عدة حلول وقمت بالغاء تثبيت (html-loader) وبإعادة تثبيتها بلإصدار "^1.3.2" وقمت أيضاً بمراجعة ملف (webpack)

ولكن دون فائدة لم تحل المشكلة !!!!

السلام عليكم

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

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

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

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

السلام عليكم

في المشروع الذي إنشأه واجهتني مشكلة وهي عدم ظهور الصور في المتصفح!!!

وقمت بالتأكد من تثبيت الحزم وشيفرات ملف (web pack) وجميع الشيفرات وكل شيء على ما يرام

وأيضاً حاولت البحث عن حل لهذه المشكلة ولكن لم أجد !!

ما هي إحتمالات عدم ظهور الصور في المتصفح؟؟؟

وشكراً.

بتاريخ 8 دقائق مضت قال محمد أبو عواد:

مرحبا علاء
لديك مشكلة في هذا الكود من ملف webpack.config,js

output: {
        publicPath: '/',
                   ^^^^^
        path: path.resolve(__dirname, 'dist'),
        filename: 'js/main.js'
    },

تقوم بتحديد مصدر الملفات بشكل خاطئ, سوف نحذف " / " ليصبح شكل الكود كالتالي

output: {
        publicPath: '',
        path: path.resolve(__dirname, 'dist'),
        filename: 'js/main.js'
    },

ثم نقوم بتنفيذ الأمر 

npm run build

شكرا لك
 

قمت بذلك ولم تظهر التنسيقات !!!

شكراً لك.

بتاريخ 14 دقائق مضت قال محمد أبو عواد:

مرحبا
ربما قمت بتضمين بوتستراب بشكل خاطئ
هل يمكنك ارفاق ملفات المشروع بشكل مضغوط؟
شكرا لك

Travel_me.zip

السلام عليكم

بدأت بإنشاء مشروع خاص بشركة

وقمت بتثبيت الحزم بشكل صحيح و اتبعت نفس الخطوات التي تعلمتها سابقاً

وقمت بتضمين الملفات في ملف ال (index.js) بشكل صحيح بلإضاف الى ملف ال (web pack;) أيضاً. وسطر الأوامر لا يعطي أيّ خطأ.

وأردت أن أجرب وأتأكد بأن كل شيء يعمل فأخذت شيفرة جاهزة من ال (bootstrap) ووضعتها في المشروع

ولكن لم تظهر التنسيقات !!!!

وأن الآن لا أعرف ما هي المشكلة لكي أبحث عنها وأحلها !!

ماذا يجب أن أفعل كي أعرف المشكلة؟؟؟

وشكراً