why my css not finding?

Question

I have attached my css file to my html file. And then i run and open page using express in node js. However, the css file does not open when i run the webserver through node js.
html(show.ejs)

<html>
<head>
<link rel="stylesheet" type="text/css" href="assets/css/style.css" media="screen" />
</head>
  <body>
    <h1> Value is <%= detail %></h1>
  </body>
</html>

node js

//required npm
var express = require('express');//express 4.*

var path = require('path');

// define app
var app = express();

// set up template engine
app.set('view engine', 'ejs');


//static files
//app.use('/static', express.static('/public')); //not working
app.use('', express.static(path.join(__dirname, 'public')));  //not working
//app.use(express.static(__dirname + '/public'));  //not working
//app.use('/public/assets', express.static('public/assets'));  //not working

app.get('/show/:id', function (req, res) {
    res.render('./panel/show', {
        detail: req.params.id ,
    });

//port
app.listen(3000);

my project folder

node_modules

views

panel

show.ejs

public

assets

css

style.css

app.js

package.json

no, css not finding. in inspect element style.css path is "localhost:3000/show/asset/style.css" — Javad Dehhabe
– Javad Dehhabe, Commented Mar 16, 2018 at 5:46
style.css not loading in page. when click href="assets/css/style.css" the page error "Cannot GET /show/assets/css/styles.css" — Javad Dehhabe
– Javad Dehhabe, Commented Mar 16, 2018 at 5:58

Nikhil Savaliya · Accepted Answer · 2018-03-16 06:33:33Z

1

By entering <link rel="stylesheet" type="text/css" href="assets/css/style.css" media="screen" /> You are trying to find the assets folder in your out of public directory.

So, when you / it will find public directory which is statically defined in express server.

<html>
<head>
<link type="text/css" href="/assets/css/styles.css" rel="stylesheet">
</head>
  <body>
    <h1> Value is <%= detail %></h1>
  </body>
</html>

answered Mar 16, 2018 at 6:33

Nikhil Savaliya

2,1664 gold badges26 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

why my css not finding?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related