- Instant help with your JavaScript coding problems

Solving the Uncaught SyntaxError: Cannot use import statement outside a module

Last updated: Nov 03, 2021 - by: C. Smith

One of the most common JavaScript error messages since the introduction of the ES6 module system is:

Uncaught SyntaxError: Cannot use import statement outside a module

This error is not directly related to react, vue, angular, firebase, typescript, node error but a basic JavaScript error that was introduced with the ES6 module system.

Node.js solution

If you are using node then add the following entry to your packages.json file: "type": "module"

HTML solution

If you want to import a JavaScript module directly into your HTML file using the script tag then extend it with the type attribute and set it's value to module .

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

Share "Solving the Uncaught SyntaxError: Cannot use import statement outside a module" with your friends

Table of contents

Related articles

Fix the 'React' must be in scope when using JSX error Fix 'React' refers to a UMD global, but the current file is a module Fix the object passed as the value prop to the Context provider changes every render Fix the React 18: Hydration failed because the initial UI does not match error Fix the ReactDOM.render is no longer supported in React 18 Fix the TypeError: MiniCssExtractPlugin is not a constructor Solving the Uncaught SyntaxError: Cannot use import statement outside a module

Trending articles

Fix 'React' refers to a UMD global, but the current file is a module Fix the object passed as the value prop to the Context provider changes every render Fix the 'React' must be in scope when using JSX error How to run useEffect only once in React Fix the React 18: Hydration failed because the initial UI does not match error Fix npm ERR! enoent ENOENT: no such file or directory error Fix the ReactDOM.render is no longer supported in React 18 Fix the TypeError: MiniCssExtractPlugin is not a constructor Solving the Uncaught SyntaxError: Cannot use import statement outside a module Remove element from an array