I am trying to use fetch to import a local json file in JavaScript but I keep getting the error for the 2nd line of the json file:

Uncaught SyntaxError: Unexpected token ":"

Here is my json file:

{
    "items": [
        {
            "key 1": "abc",
            "key 2": {
                "xyz": [
                    {
                        "name": "abc",
                        "version": "1.0.0",
                    },
                    ...                
                ]
            },
            "key 3": {
                "...": [
                    {
                        ...
                    },
                    ...                
                ]
            },
        },
        ...
    ]
}

I've used an online json validator, and confirmed that my json.

Here is my JavaScript code:

<script src="file.json">
    fetch("./file.json")
        .then(res => res.json())
        .then(data => console.log(data))
        .catch(err => console.log(err))
</script>