无法将我的CSS文件正确链接到标头部分

Question

我正在尝试将CS​​S文件添加到我的部分标题中

这是我的链接：

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

我的目录：

project
   models
   node_modules
   public
      stylesheets
         app.css
   views
      partials
         header.js

我的错误在哪里？

Answer 1

CSS文件不能包含在JS文件中。您必须将CSS文件包含在HTML文件中。

Answer 2

1）如果您使用的是Express，则将其包含在您的主要javascript文件中（app.js / index.js /所在的路径）：

//Use public dir:
app.use(express.static(__dirname + "/public"));

2）将标头部分从header.js更改为header.ejs。确保您的链接

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

包含在这里。

3）在所需的“视图”文件的顶部，请确保包括：

<%- include("partials/header") %>