Node JS Configuration

Question

I am trying to configure my node js to run my html code. I use bootstrap and Express Js as well. When I run node js it does not load css.Can, someone will help me what could be the problem. Here is the node js code snippet.

var express = require("express"); var app = express(); var path = require("path"); app.get('/',function(req,res) { res.sendFile(__dirname + '/home.html') }) app.use(express.static(__dirname + '/public')) app.listen(3000); console.log("Running at Port 3000"); 

When I directly upload HTML files, it loads CSS correctly, but when I use node js to load it, it does not work. What could be causing the problem?

Answer 1

Verify that the directory structure is correct and provide the correct permission for Node.js to enter directories and read the file.

If your directory structure looks like this:

 /public /stylesheets home.css home.html server.js 

And your server.js code is as follows:

 var express = require("express"); var app = express(); var path = require("path"); app.get('/',function(req,res) { res.sendFile(__dirname + '/home.html'); }) app.use(express.static(__dirname + '/public')); app.listen('3000', function() { console.log("Listening on port 3000"); }); 

When you run this:

 node ./server.js 

And visit this URL in your browser:

http: // localhost: 3000 / stylesheets / home.css

You will get a home.css file.