How to fix the error "unexpected token "{". import call expects exactly one argument"

Here is how I solved the “SyntaxError: Unexpected token ‘{’. import call expects exactly one argument.” error.

I had this problem in Safari. The same problem in Chrome is shown as “Uncaught SyntaxError: Cannot use import statement outside a module”, but the cause is the same.

I was trying to load a script that used ES module style imports, when I noticed the script was not loading, and I had this error in the browser console:

"SyntaxError: Unexpected token '{'. import call expects exactly one argument."

All I had to do to fix this was to use

<script type="module" src="./file.js"></script>

instead of

<script src="./file.js"></script>