私はnodejsで新しく、私はこのプロジェクトに取り組んでいますが、まだejsテンプレートをレンダリングすることを学んでいます 皆さん、私はnodejsプロジェクト "https://github.com/puikinsh/gentelella" 私のテンプレートフォルダーとファイルをビューフォルダーに入れてから私のルートにindex.ejs(index.htmlからindex.ejsにファイルのタイプを変更しました)を実行したところ、私は をテストしました私のテンプレートは動作していましたが、それはプレーンテキストとリンクで、CSSスタイルはイメージではありませんでした。 これはブートストラップやカスタムCSSをロードしていないと推測しています レンダリングの簡単な方法とこの問題の解決方法を教えてください。ejsを使ってテンプレートのCSSをレンダリングできません
1
A
答えて
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を指していることを確認してください。
関連する問題
- 1. GQLクエリを使用してjinja2テンプレートをレンダリングできません。
- 2. 列テンプレートをレンダリングできません
- 3. バックボーンビューでテンプレートをレンダリングしません
- 4. レンダリングされたEjsは定義されていません
- 5. DjangoのテンプレートにChoiceFieldをレンダリングできません
- 6. 私のテンプレートにForeignKeyフィールドをレンダリングできません
- 7. テンプレートがレンダリングされていません
- 8. EJS、Express、Node - ロードするjsまたはcssを取得できません。
- 9. Emberデータストアオブジェクトがテンプレートを使用してレンダリングしません
- 10. Ember.jsでレンダリングするテンプレート部分を取得できません
- 11. セイルhtml-pdf使用後のEJS-viewは画像をレンダリングしません
- 12. テンプレート内にVue-jsをレンダリングできません
- 13. WPF ListViewはテンプレートをレンダリングしません
- 14. CSSを使ってReactJSをレンダリングする
- 15. EJS内のHTMLはレンダリングされません
- 16. EJSを.htmlにコンパイルするgulp-ejsを取得できません
- 17. EJSでhtmlファイルをレンダリングします。
- 18. ファイルからEJSテンプレートをレンダリングする方法は?
- 19. 非同期fs.readFileのコールバックにEJSを含むHTMLテンプレートをレンダリングしますか?
- 20. faceboxを使って部分的にレンダリングすることができません
- 21. DDRMenuはRazorテンプレートのすべてをレンダリングしません。 DNP
- 22. なぜEXPRESS + EJSテンプレートはレンダリング時に送信せずにCALL CONFIGできますか?
- 23. テンプレート内でejsテンプレート名を使用する
- 24. フロントエンドフレームワークとEJSテンプレートを使用したNodeJS
- 25. XMLパーサーを使用してビデオをレンダリングできません
- 26. Gstreamer、videomixerを使用してローカルビデオをレンダリングできません
- 27. Qt5Aggバックエンドを使用してmatplotlibグラフをレンダリングできません
- 28. .ejsテンプレート内のブートストラップページング
- 29. Zend \ View \ Renderer \ PhpRenderer :: render:テンプレートをレンダリングできません。レゾルバがファイルに解決できませんでした。
- 30. knockout.jsはテンプレートを使ってテンプレートを生成できますか?
私の友人は実際にビューフォルダ内のテンプレートのすべてのフォルダとファイルをcoppiedしています。私が開いたときにejsフォルダを開くと罰金を受けたaneが動作することを指摘したいと思いますそれは私のサーバー(localhost)を介して、CSSなしでレンダリングされます –
ビューフォルダはあなたのパブリックフォルダの中にありますか?フォルダ構造を公開すると便利です。 – yosiprompt