2017-03-07 1 views
1

ich bin neu bei Nodejs und ich arbeite an diesem Projekt, und immer noch lernen, EJS-Vorlagen zu rendern, Also Jungs ich habe diese Vorlage, die ich heruntergeladen hatte, um an meinem Nodejs Projekt zu arbeiten mit "https://github.com/puikinsh/gentelella" Ich legte meine Vorlage Ordner und Dateien in den Ordner Ansichten dann in meiner Route rief ich index.ejs (habe den Typ der Datei von index.html zu index.ejs geändert) dann testete ich das Ergebnis war dass meine Vorlage funktionierte, aber keine CSS, es war reiner Text und Links, keine Bilder, kein Stil. so habe ich vermutet, dass es nicht lädt die bootstrap noch die benutzerdefinierte css können Sie mir helfen und mir mehr über die einfachsten Möglichkeiten zu rendern und wie dieses Problem zu lösen?ich kann nicht meine Vorlage css mit ejs

Antwort

0

Die meisten Stylesheets dieser Vorlage befinden sich im Lieferantenordner. Sie müssen diesen Ordner auch in Ihren Sichtenordner kopieren.

<!-- 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"> 

Und stellen Sie sicher, dass href im rechten folder.Also am Ende der Indexdatei gibt es auch js Dateien, die auf den Anbieter-Ordner verweisen, stellen Sie sicher, dass diese ebenfalls zu überprüfen.

+0

danke mein Freund tatsächlich habe ich alle Ordner und Dateien der Vorlage im Views-Ordner kopiert, und ich möchte darauf hinweisen, dass, wenn ich den ejs-Ordner auf seine eigene öffnen es funktioniert, wenn ich geöffnet es über meinen Server (localhost) es ist ohne die css gerendert –

+0

Ist Ihre Ansicht Ordner in Ihrem öffentlichen Ordner? Es wäre hilfreich, wenn Sie Ihre Ordnerstruktur veröffentlichen. – yosiprompt

Verwandte Themen