css 文件不加载 express-handlebars

Question

我在使用 express-handlebars 时遇到了 CSS 访问问题。我看不到问题，我想得到你的帮助。

这是我的工作区： 工作区/Meus Arquivos

在我的 home.handlebars 中： <link rel="stylesheet" href= "css/home.css">

在我的 home.css 中：

页脚{背景颜色：蓝色；}

它没有按照我的要求显示蓝色背景，它什么也没显示：

页脚代码：

    <footer>
    <font size = 4>
        <h5>© 2019 Suplementos Atlética</h5>
    </font>
</footer>

页脚/Rodapé

Answer 1

在 expresss 中，你必须设置 express static。它看起来像下面的代码：

app.use(express.static('public'));

现在，您可以public在根应用程序中创建一个文件夹，并css在公共文件夹中创建一个文件夹，并将您的风格放入其中。

所以，你的目录看起来像这样：

• 源文件
• 公共> css > home.css
• 意见

如何使用？你可以这样调用你的链接：

<link rel="stylesheet" href= "/css/home.css">

例如，您可以在此处查看我的示例项目：https : //codesandbox.io/s/elegant-fog-1n61o

我希望它能帮助你。