样式表在车把模板中不起作用

Question

我在 express 和 node 中使用 handlebars 模板。但似乎它无法在我的模板中应用样式这是我的目录：

我的模板

<html lang="en">
<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>RYZE Report</title>
    <link rel="stylesheet" href="./css/style.css" >
   
</head>
<body>
    <h1>Hello hi</h1>
</body>
</html>

在我的 app.js 中，我有这条线

app.use(express.static(__dirname + '/public'))

谢谢

Answer 1

我查看了代码并做了一些改进以使其工作，而不是在没有任何输入的情况下编译文档，我在 [=19] 中进行了如下输入 css =]:

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
  {{css}}
</style>
<title>Hello, world!</title>

我还编辑了 app.js 以读取 css 和 html 并将 css 嵌入其中，如下所示：app.js：

const template = fs.readFileSync('template.hbs', 'utf8');
const css = fs.readFileSync('./public/css/style.css', 'utf-8');
const DOC = Handlebars.compile(template);

并使用 DOC 如下：

DOC({css})

这将内联 hbs 文件中的 css，我希望这能回答您的问题

样式表在车把模板中不起作用

stylesheet does not work in handlebar template

node.js

handlebars.js