2017-03-07 12 views
1

私はnodejsで新しく、私はこのプロジェクトに取り組んでいますが、まだejsテンプレートをレンダリングすることを学んでいます 皆さん、私はnodejsプロジェクト "https://github.com/puikinsh/gentelella" 私のテンプレートフォルダーとファイルをビューフォルダーに入れてから私のルートにindex.ejs(index.htmlからindex.ejsにファイルのタイプを変更しました)を実行したところ、私は をテストしました私のテンプレートは動作していましたが、それはプレーンテキストとリンクで、CSSスタイルはイメージではありませんでした。 これはブートストラップやカスタムCSSをロードしていないと推測しています レンダリングの簡単な方法とこの問題の解決方法を教えてください。ejsを使ってテンプレートのCSSをレンダリングできません

答えて

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

と同様にそれらを確認してくださいベンダーフォルダをポイントし、JSファイルもあるのhrefは、インデックスファイルの末尾に右folder.Alsoを指していることを確認してください。

+0

私の友人は実際にビューフォルダ内のテンプレートのすべてのフォルダとファイルをcoppiedしています。私が開いたときにejsフォルダを開くと罰金を受けたaneが動作することを指摘したいと思いますそれは私のサーバー(localhost)を介して、CSSなしでレンダリングされます –

+0

ビューフォルダはあなたのパブリックフォルダの中にありますか?フォルダ構造を公開すると便利です。 – yosiprompt

関連する問題