node.js - 我无法使用 ejs 渲染我的模板 css

Question

我是nodejs的新手，我正在研究这个项目，并且仍在学习渲染ejs模板，所以大家我已经下载了这个模板来处理我的nodejs项目“https://github.com/puikinsh/gentelella”我将模板文件夹和文件放在 View 文件夹中，然后在我的 route 调用index.ejs(已将文件类型从index.html更改为index.ejs)然后我进行了测试结果是我的模板可以工作，但没有 CSS，它是纯文本和链接，没有图像没有样式。所以我猜测它没有加载 Bootstrap 也没有加载自定义CSS您能帮助我并告诉我更多有关最简单的渲染方法以及如何解决此问题的信息吗？

Answer 1

此模板的大多数样式表都位于供应商文件夹中，您还必须将该文件夹复制到 View 文件夹中。

<!-- Bootstrap -->
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">

    <!-- bootstrap-progressbar -->
    <link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
    <!-- JQVMap -->
    <link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
    <!-- bootstrap-daterangepicker -->
    <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

    <!-- Custom Theme Style -->
<link href="../build/css/custom.min.css" rel="stylesheet">

并确保 href 指向正确的文件夹。此外，在索引文件的末尾还有指向供应商文件夹的 js 文件，请务必检查这些文件。