Can't call a function from js file imported as type module

Question

I am writing my Javascript files in ES6 using module imports. Using type='module' is now supported on most modern browsers to allow for proper parsing of import statements. script type="module https://caniuse.com/#feat=es6-module

I built an HTML select element were onchange() calls a function from one of my module files using select onchange="someFunction()" but an error is always thrown saying the function is not defined when the on change event occurs. I tested the same function inline and also without using the type="module" with no issues as expected.

Is this a bug? Does it have to do with module scripts being deferred by default? Am I missing something simple?

I understand I could avoid this issue by using Webpack or a framework but I really wanted to try and use just vanilla javascript without any extras. I believe also creating this select element in the js then attaching to the dom would also solve the issue as well.

Quentin · Accepted Answer · 2018-10-30 17:23:03Z

5

Modules don't create globals. Everything is scoped within the module.

If you want to bind an event handler, then do it from inside the module using addEventListener and not using an onXxxxx attribute.

answered Oct 30, 2018 at 17:23

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

hossein sedighian · Accepted Answer · 2020-03-02 05:55:53Z

2

you can use this to use function when use script with type module

            <button onclick="import('/modules/script.js').then(o=> o.showdialog())">

and use export in script.js

export function showdialog() {}

answered Mar 2, 2020 at 5:55

hossein sedighian

2,1801 gold badge17 silver badges21 bronze badges

Collectives™ on Stack Overflow

Can't call a function from js file imported as type module

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related