Интеграция ваших публичных / CSS файлов в EJS

Question

Пожалуйста, помогите мне проверить, нет ли ошибок в моем коде, потому что файлы app.css не работают.

const express = require("express");
const app = express();
const port = process.env.PORT || 4000

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

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

app.get("/posts", function(req, res){
var posts = [
    {title: "Once upon a time", author: "Richard"},
    {title: "The Way", author: "Ikoro"},
    {title: "I Love Critics", author: "Emmanuel"},
    {title: "Adorable Bunny", author: "Christian"}
]
res.render("posts", {posts: posts});
});

Это мой публичный каталог с файлами app.css

body {
background: #ffff00;
color: #800080;
}

Answer 1

Пожалуйста, посмотрите westdabestdb / код шаблона

<link rel="stylesheet" href="../public/app.css">
<h1>The Post Page</h1>

<!-- for Loop Syntax for Embedded JavaScript Templates -->
<% for(var i = 0; i < posts.length; i++){ %>
<li>
    <%= posts[i].title %> - <strong><%= posts[i].author %></strong>
</li>
<% } %>

<!-- forEach Loop Syntax for Embedded JavaScript Templates -->
<% posts.forEach(function(post){ %>
<li>
    <%= post.title %> - <strong><%= post.author %></strong>
</li>
<% }) %>