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

ما سبب ظهور خطأ Refused to apply style from 'http://127.0.0.1:5500/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type رغم ان المشروع جديد

Anas Almohaid

السؤال

مرحبا, تظهر لي اخطاء في الكونسل لا اعرف اين المشكلة يبدو انه خطا في تصنيف الملفات او الترتيب لكني متاكد من كل شي لا اعلم اين الخطا: 

Refused to apply style from 'http://127.0.0.1:5500/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Failed to load resource: the server responded with a status of 404 (Not Found)

مرفق الملفات: 

css.zip

index.zip

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

Recommended Posts

  • 0
بتاريخ الآن قال Anas Almohaid:

قمت بحذف كل شي واعدت عمل الصفحات من جديد ، حلت المشكلة ، لكن لا اعلم ماالسبب بالمشكلة من الاساس ،انا وضعت ملف الcss في مجلد css وبداخله صفحه الstyle.css لكن ارى كثير من المطورين ايضا يفعلون ذالك 

إذا كان ملف التنسيق في مجلد فرعي يتوجب تحديد الرابط بالشكل الصحيح

<link type="text/css" rel="stylesheet" href="css/style.css">
                                           ^^^^^^^

404 أي الملف غير موجود "حسب المسار الذي قمنا بتحديده" وبضبط المسار بشكل صحيح يتوجب حل المشكلة

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

  • 0

الخطأ بالـ console يخبرك ان ملف السكربت script.js غير موجود، يرجى ارفاق مسار صحيح لهذا الملف. 

ان كانت رسالة الخطأ التي تظهر لديك غير هاته: 

Failed to load resource: the server responded with a status of 404 (Not Found) script.js

يرجى ارفاق ملف script.js ايضا

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

  • 0
بتاريخ 3 دقائق مضت قال Adnane Kadri:

الخطأ بالـ console يخبرك ان ملف السكربت script.js غير موجود، يرجى ارفاق مسار صحيح لهذا الملف. 

ان كانت رسالة الخطأ التي تظهر لديك غير هاته: 


Failed to load resource: the server responded with a status of 404 (Not Found) script.js

يرجى ارفاق ملف script.js ايضا

تظهر لي عدة رسائل اخطاء واصلا انا لم اكتب اي كود جافاسكريبت الى الانو لا اعلم ما المشكلة

script.zip

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

  • 0
بتاريخ 2 دقائق مضت قال Anas Almohaid:

تظهر لي عدة رسائل اخطاء واصلا انا لم اكتب اي كود جافاسكريبت الى الانو لا اعلم ما المشكلة

script.zip

لا تظهر اي رسائل اخطاء لدي، 

ما هي المشكلة لديك بالضبط؟ هل يمكنك نسخ نص رسالة الخطأ او التقاط صورة لها؟

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

  • 0
بتاريخ 4 دقائق مضت قال Adnane Kadri:

لا تظهر اي رسائل اخطاء لدي، 

ما هي المشكلة لديك بالضبط؟ هل يمكنك نسخ نص رسالة الخطأ او التقاط صورة لها؟

Refused to apply style from 'http://127.0.0.1:5500/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Failed to load resource: the server responded with a status of 404 (Not Found)

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

  • 0
بتاريخ 6 دقائق مضت قال Anas Almohaid:

Refused to apply style from 'http://127.0.0.1:5500/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Failed to load resource: the server responded with a status of 404 (Not Found)

يبدوا ان هنالك مشكلة في تطبيق التنسيقات على الملف. يحتمل انك تستعمل نسخة اقدم من HTML ولذلك سنتأكد من تعريف نوع ملف التنسيقات عن طريق اضافة الخاصية type مرفقة بالقيمة text/css الى وسم تضمين ملف style.css كالتالي: 

<link type="text/css" rel="stylesheet" href="style.css">

يجب الاشارة الى ان هذا التعريف كان اجباريا في نسخ اقدم من HTML، ومع ظهور HTML5 قد تم التخلي عليه. 

تأكد ايضا من تعريف باقي الانواع كـ: 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

يرجى الاشارة في حالة الاستمرار المشكلة. 

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

  • 0
بتاريخ 9 دقائق مضت قال Adnane Kadri:

يبدوا ان هنالك مشكلة في تطبيق التنسيقات على الملف. يحتمل انك تستعمل نسخة اقدم من HTML ولذلك سنتأكد من تعريف نوع ملف التنسيقات عن طريق اضافة الخاصية type مرفقة بالقيمة text/css الى وسم تضمين ملف style.css كالتالي: 


<link type="text/css" rel="stylesheet" href="style.css">

يجب الاشارة الى ان هذا التعريف كان اجباريا في نسخ اقدم من HTML، ومع ظهور HTML5 قد تم التخلي عليه. 

تأكد ايضا من تعريف باقي الانواع كـ: 


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

يرجى الاشارة في حالة الاستمرار المشكلة. 

المشكلة ما زالت مستمرة 😪

 

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

  • 0
بتاريخ 2 دقائق مضت قال Adnane Kadri:

هل يمكنك اختبار الامر من متصفح آخر؟ لأن المشكلة لا تظهر لدي

غيرت المتصفح تغير نص الرسالة او الخطا واصبح كالتالي 

Failed to load resource: net::ERR_File_NOT_found

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

  • 0
بتاريخ الآن قال Anas Almohaid:

غيرت المتصفح تغير نص الرسالة او الخطا واصبح كالتالي 

Failed to load resource: net::ERR_File_NOT_found

هلا قمت فضلا بالتقاط صورة كاملة لنص الخطأ، 

يحتمل ان يتضمن ذلك بعض التفاصيل المهمة.

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

  • 0
بتاريخ 9 دقائق مضت قال Anas Almohaid:

غيرت المتصفح تغير نص الرسالة او الخطا واصبح كالتالي 

Failed to load resource: net::ERR_File_NOT_found

  • قم بإغلاق السيرفر (إطفاءه) ثم تشغيله من جديد و التجريب
  • تأكد من رابط الملف نسبة لصفحة HTML التي تم استدعائه بها (حاول إرفاق صورة لهرمية المشروع من محرر الأكواد VS code أو أياً تستخدمه) موضحاً مواقع الملفين
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 23 دقائق مضت قال Wael Aljamal:
  • قم بإغلاق السيرفر (إطفاءه) ثم تشغيله من جديد و التجريب
  • تأكد من رابط الملف نسبة لصفحة HTML التي تم استدعائه بها (حاول إرفاق صورة لهرمية المشروع من محرر الأكواد VS code أو أياً تستخدمه) موضحاً مواقع الملفين

قمت بحذف كل شي واعدت عمل الصفحات من جديد ، حلت المشكلة ، لكن لا اعلم ماالسبب بالمشكلة من الاساس ،انا وضعت ملف الcss في مجلد css وبداخله صفحه الstyle.css لكن ارى كثير من المطورين ايضا يفعلون ذالك 

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...