ハンドルバー（javascript）を使用しているときにスタイルシートページが機能しないのはなぜですか？

Question

ハンドルバーのデモで作業しているときに、ページを表示しているときにスタイルシートが表示されないことに気づいています。私は下のコードとライブページへのリンクを提供しています。誰もがスタイルシートがうまくいかない理由を知っていますか？

コードはここにある： https://github.com/sutri001/DA670/tree/master/week7_handlebars

ライブページはこちらです： http://67.205.184.187:1000

Answer 1

あなたのレンダリングされたページは、あなたが探しているスタイルシートを参照するlinkタグを持っていません。何が起こっているのかは、スタイルシートのリクエストがあったときにサーバーが404を投げていることです。

あなたの特急サーバー用のコードを見ると、私はあなたがpublicディレクトリ（良い）から静的にファイルを提供する特急言っている参照...しかし、あなたはpublicディレクトリを持っていない、より一層あなたのcssディレクトリそのような場所の外に位置しています。

私のアドバイスは、（あなたがpublic/css/style.cssがあるでしょう）新しいpublicディレクトリにあなたのcssディレクトリを移動するです。それはあなたの問題を解決するはずです。

---

また、それはあなたのlinkタグではなく、サーバーを扱うだブラウザだことを覚えておいてください！つまり、ブラウザは現在http://yoursite/../../css/style.cssに行きます。ありがたいことに、ブラウザはこれを処理する方法を理解していますが、これは間違いなくあなたが望むものではありません。

タグのhref属性は、ブラウザの観点からはスタイルシートが配置されているため、/css/style.cssに設定する必要があります。