Import JS in another JS File

Asked Mar 14 '23 at 14:10

Active Mar 14 '23 at 14:10

Viewed 19 times

I try to split my giant JS file into little parts and import them, but it seems like the import doesnt work and idk why.

My folder structure:

-> index.html
-> js
   -> wonderbuild.js
   -> start.js

index.html

<body>
<!-- content -->
<script src="js/wonderbuild.js"></script>
<body>

wonderbuild.js

import {start} from './start.js';

window.onload = function() {
 start();
}

start.js

export function start() {
    document.getElementById("loading-circle").style.opacity = "0";
    document.getElementById("welcome-message").style.opacity = "1";
    setTimeout(() => {
        document.getElementById("loading-screen").style.opacity = "0";
        setTimeout(() => {
            document.getElementById("body").style.overflowY = "visible";
            document.getElementById("loading-screen").style.display = "none";
        }, 500);
    }, 4000);
}

When im not import this function, all works fine. Anybody have an idea to fix this?

asked Mar 14 '23 at 14:10

Lenboxxi

1

what error message are you getting? – devpolo Mar 14 '23 at 14:11
1

You need to set your script to `type="module"` to be able to start using `import` and `export` – Reyno Mar 14 '23 at 14:13
@Reyno oh, that works. Thanks for the fast answer <3 – Lenboxxi Mar 14 '23 at 14:15

Import JS in another JS File

0 Answers0