【问题标题】:i cannot render my template css using ejs我无法使用 ejs 呈现我的模板 css
【发布时间】:2017-07-28 03:52:10
【问题描述】:

我是 nodejs 的新手,我正在做这个项目,还在学习渲染 ejs 模板, 所以伙计们,我有这个模板,我已经下载了这个模板来处理我的 nodejs 项目 "https://github.com/puikinsh/gentelella" 我将模板文件夹和文件放在视图文件夹中,然后在我的路由中调用 index.ejs(已将文件的类型从 index.html 更改为 index.ejs)然后我进行了测试 结果是我的模板可以正常工作,但没有 CSS,它是纯文本和链接,没有图像没有样式。 所以我猜它没有加载引导程序或自定义css 你能帮助我并告诉我更多关于最简单的渲染方法以及如何解决这个问题的信息吗?

【问题讨论】:

    标签: node.js mongodb express ejs


    【解决方案1】:

    此模板的大部分样式表都在 vendor 文件夹中,您还必须将该文件夹复制到您的 views 文件夹中。

    <!-- 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 指向正确的文件夹。此外,在索引文件的末尾还有指向 vendor 文件夹的 js 文件,请务必检查这些文件。

    【讨论】:

    • 谢谢我的朋友,实际上我已经复制了views文件夹中模板的所有文件夹和文件,我想指出的是,当我自己打开ejs文件夹时它可以工作当我通过我的服务器(本地主机)打开它时,它会被罚款,它是在没有 css 的情况下呈现的
    • 您的视图文件夹在您的公用文件夹中吗?如果发布您的文件夹结构会很有帮助。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-02-22
    • 1970-01-01
    • 2014-04-14
    • 2015-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多