レンタルサーバでJavaScriptのMIME Typeに関するエラーが出た場合の対処

ITネタ

さくらのレンタルサーバでNuxtで作ったWebサイトを公開したいと思い、試行錯誤していました。

SSRは無効にし、ローカルでgenerate、成果物をアップロードして開いてみたところ以下のエラーが・・・

TypeError: 'text/plain' is not a valid JavaScript MIME type.

Nuxtで作ったものはビルドするとhtmlやJavaScriptのファイルになり、このJavaScriptがサーバー上でtext/plain(=htmlと同じようなもの)の種別として解釈されているためのエラーだと思われます。

対処法

解決するには.htaccessファイルを作成し、以下のように記載すればOKです。

<IfModule mime_module>
AddType text/javascript .js .mjs
</IfModule>

簡単なので試してみてください!