Node.js Loading css

Question

My folders:

server.js
index.html
-public
 --css
  --ses.scss
  --style.css

Server js:

var express = require('express');
    var path = require('path');
    var publicPath = path.resolve(path.join(__dirname, 'public'));
    var app = express();
    var http = require('http').Server(app);
    var fs = require('fs');

    app.use(express.static(path.join(__dirname, 'public')));
    app.get('/', function (req, res) { 
        res.sendfile('./index.html');

    });
http.listen(3000, function () {
    console.log('listening on *:3000');
});

Index.html:

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

CSS works when I open index.html with google chrome without server.When I use node.js CSS isn't loading.

I don't think an scss file can be loaded directly into html

frozen
– frozen

2017-11-20 20:41:53 +00:00
Commented Nov 20, 2017 at 20:41 — frozen
– frozen, Commented Nov 20, 2017 at 20:41

SLaks · Accepted Answer · 2017-11-20 20:41:43Z

1

express.static() serves the contents of its folder directly on the root.

Therefore, public/ is not part of the URL.

answered Nov 20, 2017 at 20:41

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

2 Comments

dan dadadadan Over a year ago

So, how can I fix the problem?

SLaks Over a year ago

@dandadadadan: Use a path relative to the directory (/css/...).

El houcine bougarfaoui · Accepted Answer · 2017-11-20 20:45:50Z

0

Node :

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

css :

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

answered Nov 20, 2017 at 20:45

El houcine bougarfaoui

37.6k10 gold badges40 silver badges38 bronze badges

1 Comment

El houcine bougarfaoui Over a year ago

Welcome Bro :) .

Collectives™ on Stack Overflow

Node.js Loading css

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related