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)
更改您的代码中的以下内容
<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)
| 归档时间: |
|
| 查看次数: |
5888 次 |
| 最近记录: |