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