2017-11-08 5 views
-2

私はウェブアプリケーションを構築しており、スタイルシートを自分のアプリにリンクしようとしています。ここに私のコードですスタイルシートをリンクできません

<html> 
    <head> 
     <title>Bubble</title> 
    </head> 
    <link rel="stylesheet" href="./public/main.css"> 
<body> 

アプリは直接DrDenver /ブログにあります。フルスタイルシートはDrDenver/blog/publicにあります。

+0

https://stackoverflow.com/a/21828923/1650337 – DBS

+0

コンソールまたはネットワークタブではどのようなエラーが発生しますか? – derloopkat

+2

[Absolute vs相対URL](https://stackoverflow.com/questions/2005079/absolute-vs-relative-urls)の重複の可能性あり – ceejayoz

答えて

0

ドットとスラッシュを削除します。あなたは内の代わりに指の上を見ている。 これを試してください。

<link rel="stylesheet" href="public/main.css"> 
+0

私はこのエラーが発生したことを試しましたリソースを読み込めませんでした:サーバは404のステータスで応答しました(見つからない) –

+0

あなたのスタイルシートをあなたのHTMLと同じフォルダに移動し、それが動作するかどうかを確認します。このhref = "main.css"のように接続することを忘れないでください。公開を削除します。場合によっては、アプリケーションを使用している場合は、ディレクトリに問題があります。 – Jonny

+0

それが動作しない場合は、デスクトップにコピーして貼り付けてチェックしてください。 – Jonny

0

私は私のapp.js

app.use(express.static(__dirname +"/public")); 

とパブリック/スタイルシートディレクトリにあるmain.cssを移動した後に私のheader.ejs上のコードを更新するこの行を追加しました。

link rel="stylesheet" href="/stylesheets/main.css" 
関連する問題