2016-04-07 10 views
2

私はarduino、node.js、socket.ioを使ってプロジェクトを進めています。私はlocalhostで実行していますが、私の外部スタイルシートはロードされません。ローカルホストにいるときに外部cssをロードできません

エラーは、私はそれがすべて正常に動作するHTMLファイルにスタイルタグにCSSを続ける場合は、CSSを維持する方法があるが、それはこのパスhttp://localhost:1337/css/main.css

からの私のCSSを得るカントと言っているように見えますそれは私のhtmlファイルを乱雑にしないので、外部ですか?

相続人はここで

<link rel="stylesheet" type="text/css" href="css/main.css"> 

は私のファイル構造はここ

Folder Structure

に見えるのcssフォルダ

Contents of css folder内部の私のmain.cssファイルがどのようにあるかイムロード私のCSSで

my main.cssファイルには、CSSのフォルダの中に、私はinterface.htmlファイルのオフ

+0

のように含めることができますか? – Wowsk

+0

確かに、それを使って質問を更新しました –

+0

あなたのファイルの正確な場所を与える必要があります。たとえば、www.sample.com/css/main.cssのような例 –

答えて

1

を働いている代わりに、これを試してみてください:hrefの

の前で./がそうでなければ、完全な含ま

<link rel="stylesheet" type="text/css" href="./css/main.css"> 

予告パス名:

<link rel="stylesheet" type="text/css" href="http://localhost:1337/css/main.css"> 
+1

お返事ありがとうございます。しかし、私はあなたの答えを両方とも試みましたが、彼らは私のために働くようでした –

0

相対パスは

ので、あなたのhtmlのパスからキックオフ
<link rel="stylesheet" type="text/css" href="main.css"> 

(あなたのmain.cssがcssフォルダの外にあるので)は動作するはずです。また、あなたが

1

をCSSフォルダにあるmain.cssファイルを入れて、「CSS /のmain.css」とそれを参照することができ、これは

<link href="./main.css" rel="stylesheet" type="text/css" /> 

感謝

を私が試してみました、それは私のために働いているものです
0

イメージ、CSSファイル、JavaScriptファイルなどの静的ファイルを提供するには、Expressでexpress.staticビルトインミドルウェア機能を使用します。

機能シグニチャは次のとおりです。 app.use(express.static(__ dirname));

次に、あなたはあなたが外部スタイルシートをロードするために使用しているコード共有できる怒鳴る

<html> 
<link rel="stylesheet" href="/css/style.css"> 
</html> 
関連する問題