← 一覧へ
ブラウザ・通信出る場所:ブラウザの画面・開発者ツールたまに出る

読み込んだファイルの種類が違う(MIME type)

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html".

ひとことで言うと

「JavaScript(やCSS)を読もうとしたのに、届いたのは HTML のページでした」という意味です。たいていは、ファイルの場所が違って、エラーのページが返っています。

よくある原因

  1. 公開先で、ファイルの場所(base の設定)がずれている
  2. 1ページのアプリの設定で、すべてのアドレスが index.html を返している
  3. ファイル名のつづりが違う

自分で確かめること

たいていは、こうすると直ります

ファイルの場所(base や publicPath の設定)を、公開先のアドレスに合わせて直します。

AIへの伝え方

下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。

次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。

【エラー】
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html".

【やったこと】
(ここに、エラーが出る前にしたことを書く。例:npm run dev を実行した)

【参考】
このエラーは「読み込んだファイルの種類が違う(MIME type)」というもので、よくある原因は次のとおりです。
・公開先で、ファイルの場所(base の設定)がずれている
・1ページのアプリの設定で、すべてのアドレスが index.html を返している
・ファイル名のつづりが違う

どれに当てはまるかを確かめる方法も教えてください。