CODEWITHSUNDEEP
javascriptcssnode.js
Марьяна
Марьяна

Reputation: 3

Why are styles not being included in index.html on the local server

Using node.js, I opened the server, why is it not showing the styles, although if you just open index.html in the browser, then all the styles are displayed correctly, what is the problem? index.html

<!doctype html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet"  href="style/style.css" type="text/css" />
    <title>Socket.IO chat</title>
</head>

index.js

 const express = require('express');
    const app = express();
    const http = require('http');
    const server = http.createServer(app);
    const port = 3000;
    
    app.use(express.static(__dirname + '/style/style.css'));
    
    app.get('/', (request, response ) => {
        response.sendFile(__dirname + '/index.html');
    });
    
    server.listen(port, () => {
        console.log(`listening on port ${port}`);
    });

Upvotes: 0

Views: 331

Answers (1)

Soroush Bgm
Soroush Bgm

Reputation: 532

Use

app.use(express.static(__dirname + 'style'));

Instead. Express.static uses directories. Not files.

https://expressjs.com/en/starter/static-files.html

Upvotes: 1

Related Questions