Uncaught SyntaxError: Cannot use import statement outside a module in Google Chrome

I’m trying to import a module from catalog.js to index.js. Everything works fine when I’m running the code in VS Code (I can console.log the imported code and get an expected result), the issue is when I’m opening index.html with Chrome, that’s where I get an error: “Uncaught SyntaxError: Cannot use import statement outside a module (at index.js:1:1)”. Because of that the rest of javascript code is not working propertly.

index.html:

<script type="module" src="catalog.js"></script>
<script src="index.js"></script>

catalog.js:

export const recordCollection

index.js:

import { recordCollection } from "./catalog.js";

package.json:

{
  "type": "module"
  
}

enter image description here