Can not get CSS file

Question

My directory set up is like this :

app.js
vews
  home.html
  css
    style.css

My home file is like this :

<         


        

Answer 1

Try this:

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

This might solve the problem.

Answer 2

Since .css files are static files you have to serve them to the clients. However, you do not serve static files as a express middleware. Add the following middleware to your express app and move the css folder under the public directory (you should create a public directory)

app.use(express.static(path.join(__dirname, 'public')));

So your final directory structure should look like this

app.js
views
  home.html
public
  css
    style.css

And do not forget to require path module

 var path = require('path')