🔥 با کمک هوش مصنوعی در کمتر از 6 ماه فول‌استک شوید ...
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ اصغر ادب
وقتی مرورگر فایل استایل خارجی را پیدا نمی‌کند.
بلاش بخاری حل شده توسط بلاش بخاری

سلام وقت بخیر. 

من در همین پروژه SCSS؛ بعد از اتمام کار وقتی پروژه رو با مرورگر اجرا کردم، با مشکل عدم اعمال استایل مواجه شدم و وقتی Viwe page source رو زدم و روی لینک استایل css کلیک کردم، با خطای پیدا نکردن فایل css مواجه شدم. ( آدرس دهی را درست انجام داده بودم)

بعد از کلی سرچ، به این جواب رسیدم و مشکلم حل شد که لینکشو اینجا میذارم. 

https://stackoverflow.com/questions/5307480/external-css-file-is-not-loading-in-the-browser 

حالا سوال من این هست که چرا با جابجا کردن فایل اصلی پروژه‌م (index.html) و تغییر آدرس دهی لینک استایل اصلی پروژه‌م (style.css) این مشکل حل شد؟؟؟؟

 

نحوه آدرس دهیم وقتی که با خطا روبرو میشدم اینطوری بود: 

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

 

ولی وقتی آدرس دهی رو عوض کردم به شکل زیر و فایل index.html رو هم به صورت دستی یه پوشه ب عقب بردم، مشکلم حل شد.

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

درود

همونطور که میدونید سورس شما در نهایت توسط مرورگر رندر میشه و به کار نمایش داده میشه. پس این آدرسدهی‌ها در نهایت در روت مرورگر بررسی میشه. کد شما از لحاظ منطقی درست هست و باید کار کنه اما ممکنه مرورگر به دلایل امنیتی یسری دایرکتوری‌ها رو ببنده یا نشناسه و یا اصلا باگ داشته باشه. اینم جزو هموناست.

بهترین پاسخ
بلاش بخاری ۰۳ آبان ۱۴۰۲، ۰۷:۳۵