Chromeは「リソースはスクリプトとして解釈されますが、MIMEタイプtext / plainで転送されます」と言っていますが、何が原因ですか

FFなどでは、私のJavaScriptは問題なく動作します。しかし、Chromeでは次のメッセージが表示されます。

リソースはスクリプトとして解釈されますが、MIMEタイプtext / plainで転送されます。

すべてのスクリプトタグを確認しましたが、すべてにが付いていMIME type="text/javascript"ます。jqueryとjquery uiでもそうです。Chromeの何が問題になっていますか？

これの問題と修正は何ですか？ブラウザの「オプション」を変更する必要があるのですか、それともサーバーから変更する必要がありますか、それともコードを微調整する必要がありますか？

これは、サーバーがJavaScript HTTP応答を送信していることを意味します

Content-Type: text/plain

JavaScript応答を送信するようにサーバーを構成する必要があります

Content-Type: application/javascript

これは、jQueryまたはクライアント側のスクリプトコードの癖とは何の関係もありません。これはサーバー側の問題です。サーバー（側のアプリケーション）が、クライアント側のスクリプトリソースに必要なHTTP Content-Typeヘッダーフィールド値を送信していません。これは、Webサーバーが十分に構成されていないか、正しく構成されていない場合、またはサーバー側のアプリケーション（PHPなど）がクライアント側のスクリプトリソースを生成している場合に発生します。

JavaScriptのようなECMAScript実装に適したMIMEメディアタイプは次のとおりです。

• text/javascript（廃止として登録され、非推奨ではありませんが、まだ有効であり、サポートが最適です）
• text/ecmascript（廃止として登録され、非推奨ではありませんが、まだ有効です）
• application/javascript
• application/ecmascript

上記のMIMEメディアタイプは現在標準ツリーに登録されているため、これらは含まれていませんapplication/x-javascript（したがって、実験的なものを使用する必要はなく、もう必要ありません）。Cf. RFC 4329、 "Scripting Media Types"（2005 CE）と私のテストケース：Scripting Media Typesのサポート。

1つの解決策は、すでに推奨されているように、可能であればサーバーを構成することです。Apacheの場合、これはディレクティブを追加するのと同じくらい簡単です

AddType text/javascript .js

（詳細については、Apache HTTP Serverのドキュメントを参照してください）。

しかし、クライアント側のスクリプトリソースがPHPなどのサーバー側のアプリケーションによって生成さContent-Typeれた場合、デフォルトでは次のようにヘッダーフィールドの値を明示的に設定する必要がありますtext/html。

<?php
  header('Content-Type: text/javascript; charset=UTF-8');
  // ...
?>

（これと同様のステートメントは、他の出力の前に置く必要があります。PHPマニュアルを参照してください。それ以外の場合、HTTPメッセージ本文はすでに開始されていると見なされ、遅すぎてヘッダーフィールドを送信できません。）

サーバー上にプレーンな.jsファイルがある場合でも、サーバー側での生成はクライアント側のスクリプトリソースで簡単に発生する可能性があります。リクエストの数（より効率的です）、またはサーバーサイドアプリケーションによって他の方法で最小化されます。

WeblogicなどのJavaアプリケーションサーバーの場合

1）weblogic.xmlファイルにエラーがないことを確認します

このように：

    <?xml version = '1.0' encoding = 'windows-1252'?>
<weblogic-web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
                  xsi:schemaLocation="http://www.bea.com/ns/weblogic/weblogic-web-app http://www.bea.com/ns/weblogic/weblogic-web-app/1.0/weblogic-web-app.xsd"
                  xmlns="http://www.bea.com/ns/weblogic/weblogic-web-app">
    <container-descriptor>
        <prefer-web-inf-classes>true</prefer-web-inf-classes>
    </container-descriptor>
    <context-root>MyWebApp</context-root>
</weblogic-web-app>

2）web.xmlファイルにJavaScriptのMIMEタイプを追加します。

    ...
        </servlet-mapping>

        <mime-mapping>    
            <extension>js</extension>        
            <mime-type>application/javascript</mime-type>        
        </mime-mapping>

        <welcome-file-list>
    ...

これは他のJavaコンテナでも機能します- application/javascript現在有効なMIMEタイプはTomcatなどです。のような他のものtext/javascriptは廃止されました。

3）ブラウザのキャッシュをクリアするか、CTRL-F5を押す必要がある場合があります。

私はこの問題を抱えていて、それを修正する方法を見つけました。

これは、スタイル（CSS）ファイルが、.cssファイルを参照するPHPファイルとは異なるエンコーディングにある場合に発生します。

たとえば、UnixエンコーディングでjQuery.jsを使用し、UTF-8でindex.phpを使用すると、この問題が発生するため、UTF-8または他のエンコーディングを同じにする必要があります。

PHPファイルを使用してJavaScriptを生成する場合は、ファイルの先頭に次のコードを追加します。

<?php Header("Content-Type: application/x-javascript; charset=UTF-8"); ?>

あなたのApacheのhttpd.confに、そのような行を追加してください：

AddType application/x-javascript .js

私はここで他の答えよりも愚かな理由でこのデバッグメッセージを受信しました：これは、十分なスリープが得られず、cssファイルの構文を使用してjsファイルを参照しない場合に受信されるエラーメッセージです。のように、

<link rel='stylesheet' type='text/css' href='clearly_javascript.js'/>

のではなく

<script src='clearly_javascript.js'></script>

これは、エラーメッセージを検索したときに最初に表示される投稿であるため、ここに配置したと思います。

奇妙な問題ですが、これは私の問題を解決するのに役立ちました。時には、最も簡単なことでさえ理解するのが難しい...

/js/main.css私が使用したスクリプトタグで使用する代わりに js/main.css

はい、実際に違いが出ました。私はWAMP / Windowsに座っており、vhostを持っていませんが、使用しただけですlocalhost/<project>

私が参照する場合/js/main.css、参照するのlocalhost/css/main.cssではなくlocalhost/<project>/css/main.css

あなたがそれを考えると、それは非常に明白ですが、誰かがこれにつまずいた場合、私はこの答えを共有すると思いました。

サーバーに実際に存在するjsファイルを確認してください。私はこの問題を抱えていて、jsファイルがサーバーにアップロードされておらず、サーバーが実際に代わりにHTMLページを返していることを発見しました。

Joomlaに取り組んでいる場合！（を含めるしようとすると、この厄介なエラーが発生します.js）JavaScriptファイルを含めよは、次の解決策が適しています。

最も可能性の高い問題は、.js そこにないファイルを含めようとしている、またはそれを誤って配置したことです.js含めようとしてファイルを、そしてJoomla！リソースが見つからない場合、一般的な404メッセージの代わりに、完全なWebページやHTMLなどを含む完全な404メッセージを返します。

Webブラウザーがそれを解釈しているの.jsに対し、必要なファイルが見つからなかったというWebページだけが表示されています。

これは joomla2.5joomla3.0joomla3.1joomla3.2joomla3.3ジョムラ

私の場合、これをwindow.location代わりに使用したため、一部のページでのみ発生しました$location.url(...);。これで問題が解決しました。理解するのにしばらくかかりました:)

Webフレームワークの使用中にこの問題が発生し、関連するJavaScriptファイルを指定された（フレームワークによって）JavaScriptフォルダに移動することで修正しました。

これが発生する場合の一般的なことは、スクリプト呼び出しにを含めることを単に忘れた場合ですtype。応じて-あなたはそれがあるとして、明示的に設定する必要がありますW3 - 必要：

type（content-type）：この属性は、要素のコンテンツのスクリプト言語を指定し、デフォルトのスクリプト言語をオーバーライドします。スクリプト言語はコンテンツタイプとして指定されます（例：）"text/javascript"。著者は、この属性の値を提供する必要があります。この属性にはデフォルト値はありません。

それでもブラウザのデフォルト値はのようplain/textです。

例：

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=en"></script>

Apache構成でそのファイル拡張子のデフォルトを設定することもできます。

<IfModule mod_mime.c>
    AddType text/javascript .js
</IfModule>

そのIISがあなたの下であなたcommon HTTP FeaturesがStatic Contentオンにしたことを確認する場合

同じエラーが発生し、最後に（私の特定のケースでは）デプロイメント記述子（web.xml）に問題が見つかりました

問題：

<servlet-mapping>
    <servlet-name>SessionController</servlet-name>
    <url-pattern>/</url-pattern>
</servlet-mapping>
...
<welcome-file-list>
    <welcome-file>/</welcome-file>
</welcome-file-list>

ソリューション：

<servlet-mapping>
    <servlet-name>SessionController</servlet-name>
    <url-pattern>/SessionController</url-pattern>
</servlet-mapping>
...
<welcome-file-list>
    <welcome-file>desktop.jsp</welcome-file>
</welcome-file-list>

Spring MVCを使用している場合は、次のmvnタグを追加して、Spring Dispatchサーブレットからリソースファイルを除外できます。

<mvc:resources mapping="/js/*.js" location="/js/"/>
<mvc:resources mapping="/css/*.css" location="/css/"/>
<mvc:resources mapping="/images/*.*" location="/images/"/>

私の場合、サーバーは正しいContent-Typeが間違ったを送信していましたContent-Encoding。Content-Encoding: gzipgzip されたリソースのみを設定するようにしてください。また、サーバー（私の場合はGoogle Cloud Storage）のヘッダーを修正した後、キャッシュによる変更が適切に反映されるまで数分待つ必要がありました。

AdonisJS（REST APIなど）を使用している場合、これを回避する1つの方法は、次のように応答ヘッダーを定義することです。

response.safeHeader('Content-type', 'application/json')

JavaScript（この場合はjQuery）を介して配列の背景画像を変更しようとしたときに、同じ問題が発生していました。

とにかく。

これの代わりに：

m.setStyle('background-image','url(/templates/site/images/style5/'+backgs[i]+')')

これを行う：

eval("m.setStyle('background-image','url(/templates/site/images/style5/'+backgs[i]+')')");

'で構造化された要素内の変数を解析しようとすると、Chrome JavaScriptが台無しになります。私の場合、画像配列が挿入される直前に停止しました。画像のURL +画像名（配列内）を解析する代わりに、画像のURLのみを解析していました。

おそらくコード内を検索して、それがどこで発生するかを確認する必要があります。FF、IE、その他すべてにこの問題はありません。

ここにsimon-sarrisが投稿した回答が役に立ちました。

これは私の問題の解決に役立ちました。

Visual Studioインストーラーは、レジストリに誤った行を追加している必要があります。

regeditを開き、次のレジストリキーを確認します。

その鍵を参照してください？コンテンツタイプキー？その値をtext / plainからtext / javascriptに変更します。

最後に、クロムは再び呼吸しやすくなります。

Windows 7ではデフォルトでContent TypeもPercievedTypeも存在しないため、両方を安全に削除できる可能性がありますが、編集するだけで十分です。

とにかく、これがあなたのためにもそれを修正してくれることを願っています！

変更後はシステムを再起動することを忘れないでください。