Node JS Configuration

Question

I am trying configure my node js to run my html code.I am using bootstrap and Express Js also.When I run node js its not loading the css.Can anyone help me what could be the issue.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 load the HTML files it loads the CSS properly but when i use node js to load it it fails.What could be the cause of the issue?

You shouldn't have app.use() calls inside of a app.get() handler. Put it outside. — Madara's Ghost
– Madara's Ghost, Commented Mar 14, 2015 at 10:49
Hi,Thanks for the reply.I tried what you have suggested but still i am facing the same issue.Can you please tell me what could be the issue? — Anil Samal
– Anil Samal, Commented Mar 14, 2015 at 10:53
I have edited the Question to reflect what i tried Can you please tell me what could be the issue? — Anil Samal
– Anil Samal, Commented Mar 14, 2015 at 10:56
What happens when you try to load the css file directly in your browser? — bloodyKnuckles
– bloodyKnuckles, Commented Mar 14, 2015 at 10:59

seanhodges · Accepted Answer · 2017-08-29 10:24:35Z

7

Check your directory structure is correct and that you have given the correct permission for Node.js to enter the 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 looks like this:

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 your home.css file returned.

edited Aug 29, 2017 at 10:24

answered Mar 14, 2015 at 12:32

seanhodges

17.6k17 gold badges74 silver badges95 bronze badges

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

1 Comment

Aishwat Singh Over a year ago

app.listen('3000',function(){ console.log("listening at 3000"); });

Mitesh Sathavara · Accepted Answer · 2020-01-07 07:21:51Z

In express js project to configuration database

/config
  /database.js
/server.js
/.env

const http = require('http');
const app = require('express')();
require('./config/database.js');
const bodyParser = require('body-parser');
const server = http.createServer(app);

server.listen(process.env.ServerPort, '0.0.0.0', () => {
  logger.info(`Express server listening on port ${process.env.ServerPort}`);
});

When you run this:

node server.js

database.js file

const My = require('jm-ez-mysql');

// Init DB Connection
const connection = My.init({
  host: process.env.DBHOST,
  user: process.env.DBUSER,
  password: process.env.DBPASSWORD,
  database: process.env.DATABASE,
  dateStrings: true,
  charset: 'utf8mb4',
  timezone: 'utc',
  multipleStatements: true,
  connectTimeout: 100 * 60 * 1000,
  acquireTimeout: 100 * 60 * 1000,
  timeout: 100 * 60 * 1000,
});

module.exports = {
  connection,
};

Ashish kumar · Accepted Answer · 2019-02-17 18:31:17Z

2

In express js project, as require you can place you static file.

app.use('/static', express.static('public'))
Now, you can load the files that are in the public directory from the /static path prefix.

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

https://expressjs.com/en/starter/static-files.html check this link for how you can connect your static files with express js

answered Feb 17, 2019 at 18:31

Ashish kumar

211 bronze badge

Collectives™ on Stack Overflow

Node JS Configuration

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related