web-dev-qa-db-ja.com

ionic / angular2-MIMEタイプ（ 'text / html'）はサポートされていないため、 'http：// localhost：8100 / build / main.css'からのスタイルの適用は拒否されました

私のionicビルドは、iPhoneでテストするまで完全に機能していたため、サーバーを停止してionic serve --address localhostを実行したところ、スタイルシートが読み込まれなくなっていることに気付きました。 ..サーバーを強制終了したので、再びionic serveに戻り、エラーが解決しませんでした。

（インデックス）：1 MIMEタイプ（ 'text/html'）はサポートされているスタイルシートMIMEタイプではないため、 ' http：// localhost：8100/build/main.css 'からのスタイルの適用は拒否されました、厳密なMIMEチェックが有効になっています。

localhost:8100のキャッシュをクリアしてプロジェクトを再構築しようとしましたが、エラーが残ります...

何か案は？これが解決されるまで私はかなり立ち往生しています:(

編集：最終的に修正する方法は最善ではないかもしれませんが、少なくとも再び機能します。 main.cssをダウンロードしたアプリのgithubリポジトリに移動してbuildフォルダーに貼り付けたところ、問題は発生しませんでした。

javascriptangularionic-frameworkionic2
7
Simon

私はionicフレームワークフォーラムに投稿されたこれらの指示に従いました。

手順：ionic serve次に、.tsファイルを変更して保存します（ctrl+s）自動的に再構築され、アプリを提供します。エラーが解決されれば幸いです:).

注：これは毎回最初のionic serve

完全な答えをチェックしてください ここ

4
Junaid

Webpack（または他のパッケージ）には互換性の問題があると思います。これは@ ionic/app-scriptsバージョン3.2。*で導入されたようです。 3.1.11までのバージョンを使用してください。この問題は発生しません。私は以下を行うことをお勧めします：

  • package.jsonで、@ ionic/app-scriptsのバージョンを "@ ionic/app-scripts"に変更します： "^ 3.1.11"
  • package-lock.jsonファイルを削除する
  • node_moduleフォルダーを削除する
  • 実行npm install
  • @ ionic/app-scriptsのバージョンが3.2より低いことを確認します
1
Tomas Schier

FYIは、webpackをアップグレードした後、まったく同じ問題に遭遇しました。私のwebpackのバージョンは^ 3.11.0でしたが、その後4.x.xに移行すると多くの問題が発生しました。 ionicがwebpackの新しいバージョンをサポートするまで、webpackをダウングレードすることをお勧めします。

1
Christo Goosen

私の場合、index.htmlを保存するだけで問題は解決しました。

また、シンボリックリンクを元に戻し（削除）、類似の姉妹プロジェクトからのフォルダーの実際のコピーを使用する必要があります。 :(

0
Meryan

私はIonic 3.で同じ問題を抱えていました。

問題の解決策として、対応するタグに次のようにタイプを追加します。

<script type="application/javascript" src="assets/js/lalalala.js"></script>
<script type="application/javascript" src="assets/js/lalala.js"></script>

（私の場合、問題はJSにありました）次に、「ionic serve」でアプリを再起動する必要があります。それ以外の場合、問題は解決しません。

0
Izas