私は、グーグルコンパイルしてブラウザを同期し、ブラウザが変更と同期された状態を維持します。
Gulp.js タスクはすべてを適切にコンパイルしますが、Web サイトではスタイルが表示されず、コンソールに次のエラー メッセージが表示されます。
MIME タイプ ('text/html') がサポートされているスタイルシート MIME タイプではなく、厳密な MIME チェックが有効になっているため、'http://localhost:3000/assets/styles/custom-style.css' からのスタイルの適用を拒否しました。
さて、なぜこのようなことが起こるのか、私にはよく分かりません。
HTML には次のようなファイルが含まれています (これは正しいと確信しています)。
<link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/>
そしてスタイルシートはブートストラップそして素晴らしいフォント今のところのスタイル(まだカスタムはありません)。
フォルダー構造は次のようになるため、パスも正しいです。
index.html
assets
|-styles
|-custom-style.css
しかし、エラーが発生し続けます。
これは何でしょうか? これはおそらく gulp/browsersync 用の設定でしょうか?
ベストアンサー1
Node.js アプリケーションの場合は、構成を確認してください。
app.use(express.static(__dirname + '/public'));
/public
最後にスラッシュが付いていないことに注意してください。そのため、HTML の href オプションにスラッシュを含める必要があります。
href="/css/style.css">
スラッシュ ( /public/
) を含めた場合は、 とだけ実行できますhref="css/style.css"
。