node、express、ejsを使ってcssファイルをインクルードするにはどうしたらいいですか?
2023-10-27 04:03:03
質問
私は、指示に従い https://stackoverflow.com/a/18633827/2063561 に従っていますが、まだstyles.cssを読み込むことができません。
app.jsより
app.use(express.static(path.join(__dirname, 'public')));
私の.ejsでは、次の2つの行を試してみました。
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/public/css/style.css" />
どちらもcssを読み込みません。開発者コンソールに行くと、タイプが「text/css」ではなく「text/html」に設定されていることに気づきました。
私のパスは次のようになります。
.
./app.js
./public
/css
/style.css
どのように解決するのですか?
server.jsに記述してください。
app.use(express.static(__dirname + '/public'));
のようなCSSを追加し
<link rel="stylesheet" type="text/css" href="css/style.css" />
のようなCSSの前に/は必要ありません。
<link rel="stylesheet" type="text/css" href="/css/style.css" />
関連
-
[CSSチュートリアル]CSSで簡単!高周波な異形ボタンを実現する方法
-
[CSSチュートリアル】 css border add four corners コード
-
[CSSチュートリアル]z-indexの違い。cssのz-index: 0とz-index: autoの違い。
-
[CSSチュートリアル】CSSのfloatとunfloatについて
-
[CSSチュートリアル】CSSのクラスとidの共通命名規則
-
[CSSチュートリアル]cssの位置固定コードで左右2重の位置決め
-
[CSSチュートリアル】新しいCSS:whereと:is擬似クラス関数とは?
-
[CSSチュートリアル】子要素のmargin-topが親要素の移動を引き起こす問題解決
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル]CSSで簡単!高周波な異形ボタンを実現する方法
-
[CSSチュートリアル】CSSでemを開く正しい方法 詳細へ
-
[CSSチュートリアル】CSS3で3つの効果例の背景をぼかす。
-
[css3] scss変数の値を実行時に変更するcss3 var()の使用方法を説明します。
-
[css3]グレーモードやブラックモードを実現するCSS3フィルター(フィルター)サンプルコード(Webページ用
-
[CSSチュートリアル】background-positionプロパティのパーセンテージ値の使い方を探る
-
[CSSチュートリアル】空間均等性の問題を解決する2つの方法
-
フロントエンドの落とし穴 リソースはスタイルシートとして解釈されるが、MIMEタイプはtext/htmlで転送される。"<URL>". css スタイルの失敗
-
[CSSチュートリアル】CSSプリグラミング言語と詳細解説の違いについて
-
[解決済み] node.jsの__dirnameと./の違いは何ですか?