无法使用把手访问样式表

Joh*_*n A 1 node.js express handlebars.js

我有一个layout.hbs 文件,它有一个链接到它的样式表,但它似乎没有连接到应用程序。我已经有需要的express、path和hbs。我可能无法正确访问它,但无论如何,我的文本编辑器都能够将我重定向到 .css 文件路径。Express 使用静态文件夹 public,我尝试了 /public 和 public。两者似乎都不起作用。

app.use(express.static(path.join(__dirname, '/public')));
Run Code Online (Sandbox Code Playgroud)

我的目录看起来像这样

views
-layouts
public
-stylesheets
--layout
Run Code Online (Sandbox Code Playgroud)

我的布局 hbs 文件如下所示

<!doctype html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TITLE</title>
    <link rel="stylesheet" href="/public/stylesheets/style.css">
</head>
<body>
    <h1>HELLO WORLD</h1>
{{{ body }}}

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Kar*_*ran 5

更改您的代码中的以下内容

<link rel="stylesheet" href="/public/stylesheets/style.css">
Run Code Online (Sandbox Code Playgroud)

<link rel="stylesheet" href="/stylesheets/style.css">
Run Code Online (Sandbox Code Playgroud)