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.