HOW TO FIX SyntaxError: Cannot use import statement outside a module

Are you using imports in a node.js application and running into the SyntaxError: Cannot use import statement outside a module error?
Here are 3 ways to fix this error.
If you're developing a JavaScript application, then add "type": "module" into your package.json file.
If you're developing a TypeScript application, then make sure "module" is set to "commonjs" in your tsconfig.json file.
If you're importing a script in a HTML file, then add type="module" into the script tag.

[@toastybits.]

Have you run into this error? We all have! Leave a comment if this helped you solve the issue in your project.

[@adrian-ioanmunteanu3027]

Hey, what if it doesn't fix the issue?
I'm using Js, and I already had the "type":"module" set inside my package.json
What other reason might there be for the issue to occur? :(

[@exoticme4760]

​@@adrian-ioanmunteanu3027 samee, I'm facing that error right now😢

[@LearnWithUs5]

thansk for give me this information i have try to fix that error from previous 5 days i search more but finfally recive your vidoe and i have fixed it

[@cruzegaming151]

Bro I am sick getting this error finally you helped me thanx

[@user-nd7sk2ph4f]

Thank you so much for your simple solution💙

[@Jose-ub1yp]

The best you really helped me ❤

[@De_Brainiac]

Thanks man, It worked!

[@KINGMODEOFFICIAL]

Hi, i am creating a widget that is heavily dependent on firebase. I put the firebase initialize command in a separate js file from the main js file.
For some reason, anytime i run the local host it throws this exact error. even after inputing the "type"="module" type="module" in json and html respectively, i am still getting the error. Has anyone found another solution please?

[@v3t3r4an9]

i ran into this another errror: Failed to resolve module specifier "mysql2". Relative references must start with either "/", "./", or "../". How can i fix it, i am trying to connect to sql database for my project. Thanks

[@KimHogeling]

Thank you! I added Jest and couldn't get it to run. Adding "type" into package.json fixed it! I didn't find this in the Jest documentation..

[@malikrasheed-9937]

shout out to you , you solve my problem😍

[@stockprooo]

I have created a new file Header.js .... created a function header.. exported it .... imported inside the app.js...... but unable to use it as a tag in app.js ... like how r we supposed to use it in react...

[@1990priyankasingh]

Hi,
I am still facing issues after this fix. Forced clean cache too. Working on .ts. target and module set inside compiler options as per the video but still. Any ideas?

[@atuloraon9610]

How did you fix it? I still get the error.

[@stodani]

what about "SyntaxError: Identifier 'sequelize' has already been declared" ?

[@RaviKumar-py2bs]

It is woking, but if import is inside called function, then it is giving error.

[@AbdullahSaid-wj8kh]

not even using nodejs and encoounter this, pls be specific on the title!

[@DJ_DeenoB]

and what do you do if you dont have the node file

[@DJ_DeenoB]

im new to this shit how do i create the module

[@tommyshaw2420]

What I dont get, is why doesnt it install the module/cjs type from the get go? ITs the stupidest thing

[@andresespinoza3159]

great video bro !!!!

[@lucasshira]

Thanks!

[@morji8664]

its not working

[@uctoannguyen2091]

thanks alot

[@xushenxin]

bullshit