CSPからみのエラー

Question

VisualstudioでCordovaとonsen=UIを使って、アプリを作っています。

このエラーが出て、困っています。

Refused to apply style from 'http://localhost:4400/css/ionicons/css/ionicons.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
index.html

検索したらCSPに関係しているようなのですが、CSPの知識が無いので、CSPを一から勉強しているところです。

これに加えて、jsフォルダから読み込む形のJavaScriptが動かない状態なので、CSPのことを教えて頂ける人も合わせて探しています。

お忙しいところ、申し訳ございません。
ご教授頂けましたら、幸いです。

Answer 1

エラーメッセージ　
"Refused to apply style from 'http://localhost:4400/css/ionicons/css/ionicons.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled."
をざっと訳すと
「'http://localhost:4400/css/ionicons/css/ionicons.min.css'のスタイルを適用することが拒否されました。なぜなら、MIMEタイプ('text/html') は有効なstylesheetのMIMEタイプではありませんし、厳密なMIMEのチェック機能が適応されている｛だから、MIMEタイプが違ってたらダメなんです｝からです。」となります。（｛｝の部分は私の補足で、元の英文にはありません）

だから、問題はMIMEタイプに関するところで起きています。

質問の問題に関係するファイル（index.html　や ionicons.min.css など）の中身が判らないので、確実ではないのですが、index.htmlに 「ionicons.min.cssがスタイルシートであって、MIMEタイプはtext/htmlです」というような指定（下記のような行）がされていたりしませんか？

<link href="ionicons.min.css" rel="stylesheet" type="text/html">

あるなら、それのMIMEタイプを書き換えて

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

のようにすると良いかもしれません。

Comments

[creator.M]

ありがとうございます。
ソースを確認しましたところ、問題のCSSファイルを定義するご指摘のコードが無かったです。
そのため、<link href="ionicons.min.css" rel="stylesheet" type="text/css">　を記載したら直りました。
ありがとうございます。
感謝しています。