Cannot use import statement outside a module-javascript [duplicate]

Question

I'm a self-study student and having "Cannot use import statement outside a module-javascript" error So, im trying to import hello() from hello.js..

///////////hello.js///////
export default function hello(){
    console.log("hello")
}

////////////app.js/////////
import hello from "./hello"
hello()

Answer 1

import and export require script type set as module to work, unless you transpile it. Try this :

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

which is equivalent to:

<script type="module">
    import hello from "./hello"
    hello()
</script>

Answer 2

I am assuming you are using modules or mjs files in a browser environment and for that you just need get the syntax right.

Say you have an x html page and you want to import a module there:

<script type="module">
    import { hello } from "/hello.mjs"
        hello();
</script>

And export the module you want to use in your x html page as such:

export const hello = hello;