我无法使用ejs渲染我的模板css

时间:2017-03-07 19:32:06

标签: node.js mongodb express ejs

我是nodejs的新手,我正在研究这个项目,并且还在学习渲染ejs模板, 所以,我有这个模板,我已经下载到我的nodejs项目上工作 " https://github.com/puikinsh/gentelella" 我把我的模板文件夹和文件放在views文件夹中然后在我的路由中我称为index.ejs(已经将文件的类型从index.html更改为index.ejs)然后我测试了 结果是我的模板工作但没有css它是纯文本和链接,没有图像没有风格。 所以我猜测它没有加载bootstrap,也没有加载自定义css 你可以帮助我,告诉我更多关于最简单的渲染方法以及如何解决这个问题的方法吗?

1 个答案:

答案 0 :(得分:0)

此模板的大部分样式表都在供应商文件夹中,您还必须在视图文件夹中复制该文件夹。

<!-- 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文件,请务必检查这些文件。