because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. code example

Example 1: stylesheet not loaded because of mime-type

put your .css file in a folder called public
in your app.js file add the following code:

app.use(express.static('public'));

Example 2: Refused to apply style from 'http://localhost:9000/public/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

For me the solution was: instead, app.use(express.static(__dirname + '/public'));

I have used: app.use(express.static(__dirname));

now everything working correctly

Example 3: Refused to apply style from 'http://localhost:3000/css/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

app.get('/style.css', function(req, res) {
  res.sendFile(__dirname + "/" + "style.css");
});

Example 4: type mime

A media type (also known as a Multipurpose Internet Mail Extensions or MIME type) 
is a standard that indicates the nature and format of a document, file, or assortment 
of bytes.

Tags:

Misc Example