[GH-ISSUE #17] Solve 'SyntaxError: import declarations may only appear at top level of a module' in Firefox #11

New issue

Closed

opened 2026-03-23 20:33:28 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 20:33:28 +00:00

Owner

Originally created by @pjlammertyn on GitHub (Apr 12, 2023).
Original GitHub issue: https://github.com/RADar-AZDelta/azd-radar-data-datatable/issues/17

Originally assigned to: @Louis-Herreman on GitHub.

cfr https://github.com/vitejs/vite/issues/4586

already tried: https://github.com/sveltejs/kit/issues/9528

const DataTableWorker = await import('$lib/workers/DataTable.worker?worker')
this.worker = new DataTableWorker.default()

//can also be written as 

import workerUrl from '$lib/workers/DataTable.worker?url';
this.worker = new Worker(workerUrl, { type: 'module' });

Originally created by @pjlammertyn on GitHub (Apr 12, 2023). Original GitHub issue: https://github.com/RADar-AZDelta/azd-radar-data-datatable/issues/17 Originally assigned to: @Louis-Herreman on GitHub. cfr https://github.com/vitejs/vite/issues/4586 already tried: https://github.com/sveltejs/kit/issues/9528 ```svelte const DataTableWorker = await import('$lib/workers/DataTable.worker?worker') this.worker = new DataTableWorker.default() //can also be written as import workerUrl from '$lib/workers/DataTable.worker?url'; this.worker = new Worker(workerUrl, { type: 'module' }); ```