【发布时间】：2021-07-13 01:33:55
【问题描述】：
我有以下文件夹结构：
|——-index.js
├── public
│ └── css
│ └── styles.css
├── routes
│ ├── index.routes.js
│ └── users.routes.js
└── views
├── login.ejs
├── profile.ejs
└── register.ejs
在我的index.js 文件中，我将样式表的源设置为/public：
app.use(express.static("public"));
app.set("view engine", "ejs");
我的登录路由器是/users/login，该端点正在呈现我的视图页面login.ejs。
在login.ejs 我正在导入样式表，如下所示：
<!-- bootstrap -->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous"
/>
<!-- stylesheet -->
<link href="css/styles.css" type="text/css" />
不幸的是，css 没有被渲染，我似乎无法向我的视图页面添加任何样式。我是否错误地导入它？是不是嵌套目录的问题
【问题讨论】：
-
您可以做一些我们无法为您做的检查：查看您的页面的源代码并查看链接标签是否存在。如果是，请打开开发工具，打开网络选项卡，然后重新加载您的页面：css 文件是否加载？ （并记住将这些调查的结果放入您的帖子中）。在技术说明上，css 不是“渲染”的，而是 “应用”的。当然，这有点迂腐，但是当您遇到技术问题时，使用正确的词语总是很重要的。
-
感谢您的回复。似乎链接标签在那里，但没有加载css文件。我觉得这与我尝试应用它的方式有关。
标签： javascript html css ejs