diff --git a/404.html b/404.html
index 94e4a8c35..0ca7b4321 100644
--- a/404.html
+++ b/404.html
@@ -49,7 +49,7 @@
     Not found...
 </div>
 
-<script src="./notfound.ts"></script>
+<script type="module" src="./notfound.ts"></script>
 <script async data-goatcounter="https://pietervdvn.goatcounter.com/count" src="//gc.zgo.at/count.js"></script>
 
 </body>
diff --git a/import_helper.html b/import_helper.html
index e7d0d2051..9cd6cd73d 100644
--- a/import_helper.html
+++ b/import_helper.html
@@ -44,7 +44,7 @@
 
 <div id="main" style="height: 100%">Loading...</div>
 
-<script src="./UI/ImportFlow/ImportHelperGui.ts"></script>
+<script type="module"  src="./UI/ImportFlow/ImportHelperGui.ts"></script>
 <script async data-goatcounter="https://pietervdvn.goatcounter.com/count" src="//gc.zgo.at/count.js"></script>
 
 </body>
diff --git a/import_viewer.html b/import_viewer.html
index ec43e10d5..d53431d56 100644
--- a/import_viewer.html
+++ b/import_viewer.html
@@ -39,7 +39,7 @@
 
 <div id="main" style="height: 100%">Loading...</div>
 
-<script src="./UI/ImportFlow/ImportViewerGui.ts"></script>
+<script type="module" src="./UI/ImportFlow/ImportViewerGui.ts"></script>
 <script async data-goatcounter="https://pietervdvn.goatcounter.com/count" src="//gc.zgo.at/count.js"></script>
 
 </body>
diff --git a/professional.html b/professional.html
index 47f3cb281..c5518133b 100644
--- a/professional.html
+++ b/professional.html
@@ -39,7 +39,7 @@
 
 <div id="main"></div>
 
-<script src="./UI/ProfessionalGui.ts"></script>
+<script type="module" src="./UI/ProfessionalGui.ts"></script>
 <script async data-goatcounter="https://pietervdvn.goatcounter.com/count" src="//gc.zgo.at/count.js"></script>
 
 </body>
diff --git a/scripts/generateLayouts.ts b/scripts/generateLayouts.ts
index f702e4e6e..aff6879fc 100644
--- a/scripts/generateLayouts.ts
+++ b/scripts/generateLayouts.ts
@@ -270,8 +270,8 @@ async function createLandingPage(layout: LayoutConfig, manifest, whiteIcons, alr
             layout.shortDescription.textFor(targetLanguage)
         )
         .replace(
-            '<script src="./index.ts"></script>',
-            `<script src='./index_${layout.id}.ts'></script>`
+            '<script type="module" src="./index.ts"></script>',
+            `<script type="module"  src='./index_${layout.id}.ts'></script>`
         )
     0
     try {
diff --git a/test.html b/test.html
index 93f49dc0d..a55c2bcc1 100644
--- a/test.html
+++ b/test.html
@@ -22,7 +22,7 @@
 <div id="maindiv">'maindiv' not attached</div>
 <div id="extradiv">'extradiv' not attached</div>
 
-<script src="./test.ts"></script>
+<script type="module" src="./test.ts"></script>
 
 <script>
     window.addEventListener('load', () => {