Published Apr 20 2022
Psssst! The 2023 WEB DEVELOPMENT BOOTCAMP is starting on FEBRUARY 01, 2023! SIGNUPS ARE NOW OPEN to this 10-weeks cohort course. Learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much more! ✨
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>