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
1
A
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.
Verwandte Themen
- 1. Wie kann ich JSON-Daten in meine EJS-Vorlage bekommen?
- 2. Include nicht EJS-Dateien in EJS-Vorlage-Engine
- 3. Rendering ejs Vorlage
- 4. 'toLocaleDateString' ist nicht definiert in EJS-Vorlage
- 5. Wie kann ich auf meine Knotendaten in ejs zugreifen
- 6. EJS, Express, Knoten - js oder css kann nicht geladen werden
- 7. EJS Vorlage macht nichts aus
- 8. Wie verwende ich jquery mit meiner Node.js EJS Vorlage?
- 9. Ich kann meine Seite nicht scrollbar machen mit css
- 10. ejs - Suche hinzufügen, wenn Bedingung in EJS-Vorlage
- 11. Kann gulp-ejs nicht kompilieren EJS zu .html
- 12. Wie EJS-Tags innerhalb einer EJS-Vorlage string zu entkommen?
- 13. Wie Array in Express ejs Vorlage Diplay
- 14. NodeJS kann nicht meine DB-Werte für meine Vorlage nehmen
- 15. Selektive EJS-Vorlage basierend auf benutzerdefinierter Umgebung
- 16. Kann reagieren EJS Rendern?
- 17. Zugriff auf Vorlage Params EJS Express
- 18. Eine EJS-Vorlage in eine ERB-Vorlage einbetten
- 19. EJS wenn Bedingung nicht funktioniert
- 20. Übergabe von Params an nodejs ejs Vorlage
- 21. Wie kann ich meine CSS nach Tapisserie CSS?
- 22. HTML, CSS: Ich kann meine Dropdown-Liste nicht neu positionieren
- 23. Kann nicht meine CSS-Selektor ordnungsgemäß funktioniert
- 24. Mit JQuery eine EJS-Vorlage in HTML einfügen
- 25. Ich möchte meine 1. Vorlage minimieren
- 26. Bild wird nicht angezeigt von mongodb in ejs Vorlage
- 27. ngIf aktualisiert meine Vorlage nicht
- 28. Node.js EJS-Vorlage: Wie kann ich die Portnummer aus der href entfernen?
- 29. Hinzufügen von .css-Datei zu ejs
- 30. Aktivieren Sie CORS in Nodejs mit EJS-Vorlage
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 –
Ist Ihre Ansicht Ordner in Ihrem öffentlichen Ordner? Es wäre hilfreich, wenn Sie Ihre Ordnerstruktur veröffentlichen. – yosiprompt