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">
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<link "href=node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
</head>
<my-app>loading</my-app>


and styles.css :

body {
background:#e8e8e8;
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" 
      rel="stylesheet"
      type="text/css">
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download