Angular, modern web uygulamaları geliştirmek için popüler bir JavaScript çatısıdır. Angular projelerinizde daha verimli çalışmak ve geliştirme süreci...
MIME type ('text/html') is not a supported stylesheet MIME type Hatası Çözümü
Angular'da projenin tasarımını yaparken genel CSS'ler için style.css dosyamı hazırladım. Fakat projeyi çalıştırdığımda CSS kodları sayfada etkin görünüyor ama console ekranında sorun görünüyordu. Console ekranına F12'ye basarak ya da Sağ Tık > İncele > Console adımlarını takip ederek ulaşabilirsiniz. Console ekranında "Refused to apply style from 'http://localhost:4200/src/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled." şeklinde hata görünüyordu. Console ekranını açınca fark ettim bu durumu. Sonrasında araştırdım ve bunun sebebi style.css dosyamı index.html sayfasında import ederken hatalı bir yol girmişim. Ama yolu girerken otomatik olarak style.css dosyasını görünüyordu. Neyse hatanın sebebine ve çözümüne gelelim.
Sorunun Sebebi
index.html dosyası içerisinde
etiketleri arasında aşağıdaki gibi bir tanımla yapmıştım.
<link href="../src/styles.css" rel="stylesheet">
MIME type ('text/html') is not a supported stylesheet MIME type Hatası Çözümü
Üstteki yolda src klasörünü belirtmiştim. Ama buna gerek olmadan sadece ./style.css şeklinde çağırmamız yeterli. Bu şekilde değişiklik yapıp dosyamızı kaydettikten sonra uygulamamızı ng serve --o yazarak çalıştırın. Console ekranına baktığınızda artık o hatanın olmadığını göreceksiniz. Kısaca bu hata angular tarafından yolu bulamadığı için yüklenmeyen dosyalarda yaşanıyor. Dosyalarını import ederken buna dikkat etmelisiniz.
<link href="./styles.css" rel="stylesheet">
Umarım faydalı olmuştur. İyi çalışmalar.
Yorum yapabilmek için giriş yapmalısınız. Giriş yapmak için tıklayınız.