Cannot use import statement outside a module(Vanilla Javascript)

Question

when i tried to import a class from one js file to another i got this error

Uncaught SyntaxError: Cannot use import statement outside a module

when i added type="module" to my script tags i got this error

Access to script at 'file link' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

any help on how to fix the error ?

You'll need to show how you are writing your import statement, and the relative folder structure between your js files. — Heretic Monkey
– Heretic Monkey, Commented Jul 9, 2020 at 16:02
Sounds like you're opening your HTML file directly in the browser... you can fix this error by serving your web files from an HTTP server running on localhost — mlibby
– mlibby, Commented Jul 9, 2020 at 16:02

Safwen Hafsawy · Accepted Answer · 2020-07-09 17:36:23Z

3

this was simply solved by adding type="module" to my script tags and serving my web files from an HTTP server running on localhost instead of opening the html file directly

these answers were helpful :

How to run html file on localhost?

answered Jul 9, 2020 at 17:36

Safwen Hafsawy

591 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dharman · Accepted Answer · 2021-11-05 08:45:47Z

1

First off, you have to include the type="module" attribute in your script tag.

Secondly, when using the import statement, don't leave out the file extension, in this case .js. e.g: import { sqrRoot } from "./math_function.js"

edited Nov 5, 2021 at 8:45

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Nov 5, 2021 at 8:40

Amir Bravostack

1711 silver badge10 bronze badges

Comments

Jason V. Castellano · Accepted Answer · 2021-11-05 08:43:04Z

0

Just run your application by using your http server. Do not access it directly.

answered Nov 5, 2021 at 8:43

Jason V. Castellano

3163 silver badges16 bronze badges

1 Comment

Brian Cannard Over a year ago

No more local development from file:/// ?.. Times, times...

Collectives™ on Stack Overflow

Cannot use import statement outside a module(Vanilla Javascript)

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related