今日もノリノリでJavascriptをプログラミングしていたら、なんかあまり見ないエラーが出てきた。
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
自分が作ったjsモジュールをclass構成で読み込むだけの処理で、単に、importしただけなのに、何？このエラー・・・
英訳
自動翻訳で変換してみたら、次のような内容でした。
モジュール スクリプトのロードに失敗しました: JavaScript モジュール スクリプトが必要でしたが、サーバーは MIME タイプ「text/html」で応答しました。 HTML 仕様に従って、モジュール スクリプトに対して厳密な MIME タイプ チェックが適用されます。
おい、何ゆうてんね
ていうか、エラー文の直訳なんてこんなもんやろね。
原因と解決
javascriptのモジュールタイプでは、import機能が使えるんですが、原因は次の記述でした。
import { lib.js } from '../../../lib.js'
これが、正解記述は次のとおりでした。
import { lib.js } from '../../../../lib.js'
１階層ズレていただけだったんですね。
オイコラ、Javascript！
404 not foundでええやろがい！
あとがき
「エラーメッセージ」とかけまして、
ルーティンの筋トレをサボった次の日と解きます・・・
そのココロは・・・
「キノウセズ」 （機能せず、昨日せず）
とりあえず、同じエラーでしょうもない時間を費やす人がいたら、参考にしてくだされ。
