「Uncaught SyntaxError: Failed to parse import map: invalid JSON」というエラーが出る時の確認事項

JavaScript

現在、JavaScriptのモジュール化について勉強中です。importmapというものをJSON形式で書く時に以下のようなエラーが出ました。

Uncaught SyntaxError: Failed to parse import map: invalid JSON

エラーメッセージからJSONのシンタックスエラーだということがわかります。

エラーが発生するソースコードは以下の通りです。

<script type="importmap">
    {
        "imports": {
            "expander": "/js/expander/main.js?version=1.0.1",
        }
    }
</script>

JSONは要素の最後のカンマを許容しない

JSONは要素の最後のカンマを許容しません。カンマを取ったらエラーが消えました。

<script type="importmap">
    {
        "imports": {
            "expander": "/js/expander/main.js?version=1.0.1"
        }
    }
</script>

広告