Таблица стилей не связывается при использовании EJS

Question

Я учусь использовать e js, express, node js. У меня есть проблема с моей таблицей стилей в моем заголовке, вот мой код, а вот . I am using header and footer as include. Here is my header.e js

Мое приложение. js -

const express = require("express");
const bodyParser = require("body-parser");
const ejs = require("ejs");
const app = express();
app.set("view engine", "ejs");
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(express.static("public"));
app.get("/", function(req, res) {
    res.render("home");
});
app.listen(3000, function() {
    console.log("Server started on port 3000");
});

Answer 1

2 примечания здесь

стиль. css - внешний файл css. Таким образом, вам не нужны теги стиля внутри этого файла. Он должен содержать только css.

. В вашем приложении express вы должны указать каталог publi c, из которого вы обслуживаете файлы stati c. Как и css / js / image

, это можно сделать с помощью

app.use(express.static(__dirname + '/public'));

, если вы поместите файлы css в папку publi c из своего приложения. root. теперь вам нужно обратиться к файлам css в ваших файлах шаблонов, например

<link href="/css/style.css" rel="stylesheet" type="text/css"> Здесь я предполагаю, что вы поместили файл css в папку css внутри своей папки publi c.

Таким образом, структура папок будет

.
./app.js
./public
    /css
        /style.css

закрыть тег заголовка соответствующим образом