表达JS部分不加载样式表

Express JS partial not loading stylesheet

本文关键字：加载 样式 JS 表达      更新时间：2023-09-26

这是我在部分文件(head.ejs)中的内容，

<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="../../public/stylesheets/styles.css" rel="stylesheet" type="text/css">

在views --> partials文件夹中。"公共"文件夹是两个目录。

在我的app.js文件中没有什么特别的;就是基本的路由。

每次我运行我的应用程序时，都没有应用styles.css。我可以看到它作为Chrome开发工具的一个来源，但它似乎是空的。

这是css文件

body {
    font-family: 'Dosis', sans-serif;
    font-size: 5em;
    color: red;
}

这是家。ejs文件

<!DOCTYPE html>
<html lang="en">
    <head>
        <% include ./partials/head %>
        <title><%= title %></title>
    </head>
    <body class="container">
        <main>
            <div class="jumbotron">
                <h1>Hello!</h1>
                <p>Welcome!</p>
            </div>
        </main>

        <% include ./partials/scripts %>
    </body>

</html>

从服务器提供服务时不能给出../../

相反，在您的express中添加

app.use(express.static(path_to_public_folder));

并将head.ejs修改为

<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="/stylesheets/styles.css" rel="stylesheet" type="text/css">
相关文章：