Как мне заставить таблицу стилей работать в моем Express проекте? - PullRequest
Новая
       8

Как мне заставить таблицу стилей работать в моем Express проекте?

0 голосов
/ 27 апреля 2020

У меня есть таблица стилей, которую я создал в каталоге publi c моего приложения express. Он называется app. css.

Я добавил тег ссылки в файл e js, где я хочу применить стиль.

Он не будет применять стиль ,

Я сказал express обслуживать каталог publi c с помощью app.use, как вы можете видеть в моем коде ниже: 

var express = require('express');
var app = express();

app.use(express.static("public"));



app.get("/mynameis/:name", function(req, res){
var name = req.params.name;
res.render("app.ejs", {name: name});
});

app.get("/posts", function(req, res){
var posts = [
    {band: "Led Zeppelin", album: "Houses Of The holy"},
    {band: "Pink Floyd", album: "Animals"}


];
res.render("posts.ejs", {posts:posts});
})

Файл e js выглядит вот так: 

<link rel="stylesheet" href="app.css">

<h1> The Posts Page</h1>

<% for(var i = 0; i < posts.length; i++){ %>
 <li><%= posts[i].band %> - <%= posts[i].album %> </li>

                            <% }; %>

css выглядит так: 

body {
background:blue;
}

Что происходит? Почему файл e js не распознает мою таблицу стилей?

1 Ответ

0 голосов
/ 28 апреля 2020

У меня были похожие проблемы, но эта строка помогла мне:

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

Похоже, вы пропускаете "/" перед приложением. css. Сейчас он читается как «publicapp. css», так что вам нужен forward-sla sh, чтобы сделать его «public / app. css».

Надеюсь, это поможет

...