Why my CSS format is not working in node?

Question

I meet some problems with my node code. So the thing is I want to create a local server on port 3000. After I link my html code which is

app.get("/",(req,res,next)=> {
    res.sendfile(path.join(__dirname+'/src'+'/index.html'));
})

my chrome browser showed that :

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

Plus, my CSS is not working. Here is the CSS tag in my HTML

<link href="./app.css" rel="stylesheet" type="text/css" />

Anyone knows how to fix it? Thank you so much! 😊

Dmitry Grinko · Accepted Answer · 2019-04-26 02:28:57Z

1

To serve static files such as images, CSS files, and JavaScript files, use the express.static built-in middleware function in Express

var express = require('express');
var app = express();

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

Read more about Serving static files in Express

answered Apr 26, 2019 at 2:28

Dmitry Grinko

15.4k15 gold badges66 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rieder Over a year ago

Thank you so much! Problem Solved!

Collectives™ on Stack Overflow

Why my CSS format is not working in node?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related