How to access function from a javascript type=module

Question

I have three files, let it be index.html, module.js, main.js, index.js

INDEX.HTML

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

MODULE.JS

....
function foo(text){
  alert(text)
}

export default foo;
...

MAIN.JS

import foo from "./module.js"
function bar(text){
   foo("FOOBAR")
}

INDEX.JS

bar() // not "type="module"

Can I execute bar() from index.js without giving attribute type="module" in html?

As far as I know modules don't declare global variables. Hence they won't be available as "bar", you need to import them or make them global from the module itself — Ruben Yeghikyan
– Ruben Yeghikyan, Commented Nov 30, 2021 at 13:45
"Can I execute bar() from index.js ..." - NO, once a file is declared as a module, it becomes a closure, as if it is its own namespace. The only way to access its features is to import them. — Randy Casburn
– Randy Casburn, Commented Nov 30, 2021 at 13:57

mohsen.d · Accepted Answer · 2021-11-30 13:53:37Z

0

That's not possible. As Ruben mentioned in the comment, you need to import the main.js into your index.js to have access to its bar() function, else you will get a

Uncaught ReferenceError: bar is not defined

error

Checking these questions may be helpful :

how-to-use-code-from-script-with-type-module

use-functions-defined-in-es6-module-directly-in-html

answered Nov 30, 2021 at 13:53

mohsen.d

8,4357 gold badges44 silver badges61 bronze badges

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

Collectives™ on Stack Overflow

How to access function from a javascript type=module

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related