Yandex Metrica
MIME type ('text/html') is not a supported stylesheet MIME type Hatası Çözümü - Yasin Sunmaz

Yasin Sunmaz

Kodladıkça değişen bir dünya...

MIME type ('text/html') is not a supported stylesheet MIME type Hatası Çözümü

27.02.2022 yasinsunmaz 1592 0

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ı

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.

Diğer Yazılar

Visual Studio Code'da Angular İçin En İyi Eklentiler

05.07.2023 yasinsunmaz 615 0

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...

Angular "bundle initial exceeded maximum budget" Hatası Çözümü

29.06.2023 yasinsunmaz 282 0

Angular'da aldığım "Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 745.34 kB with a total of 1.73 MB." hatasının çöz&uu...

Angular "exceeded maximum budget" Hatası Çözümü

27.06.2023 yasinsunmaz 328 0

Angular'da aldığım "exceeded maximum budget. Budget 4.00 kB was not met by 10.22 kB with a total of 14.22 kB." hatasının çözümünü bu yazımd...

Angular 13 Validator Kullanımı

14.03.2022 yasinsunmaz 1179 0

Angular'da form uygulamalarımızda verilerin daha düzgün alınması ve gerekli sınırlamalara göre veri girişinin olması oldukça önemlidir. En temel kont...

Conversion Failed When Converting The Nvarchar Value 'xxxx' to Data Type Int Hatası Çözümü

20.09.2022 yasinsunmaz 451 0

SQL Server'da önceden oluşturulmuş olan bir view'de bir zaman sonra veri getiremediğini ve Conversion Failed When Converting The Nvarchar Value '   ...

.NET Core Areas View içerisinde ViewModel Tanımlama Sorunu Çözümü

15.05.2022 yasinsunmaz 1196 0

ASP .NET Core'da Areas üzerinden çalışma yaparken bazı sorunlar ile karşılaştım. Bu yaşadığım sorunlardan biri ViewModel tanımlama sorunuydu. Şöyleki projemde ...

Could not load file or assembly 'Microsoft.IdentityModel, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' Hatası Çözümü

01.03.2022 yasinsunmaz 828 0

ASP .NET MVC ve Core projelerinde Windows Identity Foundation kullanılabiliyor. Proje içerinde bunun kullanıp kullanılmadığını bilmeden ilgili yeri çalıştırdığınızda&...

RabbitMQ ReadOnlyMemory byte to byte[] Hatası Çözümü

09.08.2021 yasinsunmaz 615 0

RabbitMQ ile ilgili ilk çalışmamı yaparken "None Of The Specified Endpoints Were Reachable" hatası ile karşılaşmıştım. Bu hatayı RabbitMQ None Of The Specifie...