我正在使用Handlebars.js(hbs(作为我的html模板语言开发一个节点应用程序。我有一个位于公用文件夹中的CSS文件。我的"视图"文件夹中的.hbs文件链接到那个CSS文件，并且渲染得很好。然而，CSS并没有应用于我的一个hbs文件。
这是我的文件夹结构
┣ 📂public
┃ ┣ 📂css
┃ ┃ ┗ 📜style.css
┣ 📂src
┃ ┣ 📂controllers
┃ ┣ 📂routes
┃ ┗ 📜server.js
┣ 📂views
┃ ┣ 📂auth
┃ ┃ ┣ 📜login.hbs
┃ ┃ ┗ 📜register.hbs
┃ ┣ 📜home.hbs
┃ ┗ 📜taskList.hbs
┣ 📜.env
┣ 📜package-lock.json
┗ 📜package.json
在我的"server.js"文件中，我已经正确地提供了静态文件，比如：
app.use(express.static(pathToMyPublicFolder))
"视图"文件夹中的所有HBS文件都包含指向样式表的链接，并且CSS正确呈现：
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
这个头在taskLists.hbs中完全相同，但没有应用CSS。我甚至复制/粘贴了页眉。控制台中也没有出现有关CSS链接的错误。
如果你需要更多的代码或细节，比如我如何呈现每一页，请告诉我。提前谢谢。
也许您可以用<style></style>替换链接，并将CSS代码粘贴到其中。当事情发生时，我总是把CSS放在HTML中，我希望它对你有用：(