import-mapsはサブリソースの読み込みより先に記述した方が安パイ🀄️ - Qiita

現時点(2023/04/18 執筆時点)では<script type="importmap">はhead内のサブリソース(cssやjsなど)の読み込みより先に書いておいたほうが安全である。 というのもfirefoxでちょっと変な挙動を確認したからだ(v112.0.1 (64-bit)) 挙動の概要 端的に問題をまとめるとimport-mapsのJSON記述の前にちょっと大きめのブロッキングを起こすリソースがある場合、import-mapsによるパス解決がなされないケースがあるというものだ。 ちなみにchrome, edge, saferiでは問題は確認できなかった。 再現コードを用意してみた。 上記のページをfirefoxでみると執筆時点では以下のようなエラーがでる Uncaught TypeError: The specifier “@hotwired/stimulus” was a b