Hamza Haddad Hamza Haddad - 1 year ago 78
HTML Question

Mime type error when Importing CSS in Stackblitz

I would include material design in my Angular project. I'm using Stackblitz online IDE.

The problem is when I include css file I get this error

The stylesheet was not loaded because its MIME type, ”text/html“ is not ”text/css"

Here's my code in index.html:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="styles.css">
<link "href=node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

and styles.css :

body {
font-family: 'Muli';


Answer Source

The error is in your html. The href tag is inside your path.

Change the link to :

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" 
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download