mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
93f14c92e4* Fix "Cannot use import statement outside a module"
Using `HamburgerMenu` from a SvelteKit project would result in the following error:
```
4:01:51 PM [vite] Error when evaluating SSR module /node_modules/carbon-components-svelte/src/UIShell/SideNav/HamburgerMenu.svelte:
/home/vegard/beat/backoffice-sapper/node_modules/carbon-icons-svelte/lib/Close20/index.js:1
import Close20 from "./Close20.svelte";
^^^^^^
SyntaxError: Cannot use import statement outside a module
at wrapSafe (internal/modules/cjs/loader.js:1101:16)
at Module._compile (internal/modules/cjs/loader.js:1149:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10)
at Module.load (internal/modules/cjs/loader.js:1034:32)
at Function.Module._load (internal/modules/cjs/loader.js:923:14)
at Module.require (internal/modules/cjs/loader.js:1074:19)
at require (internal/modules/cjs/helpers.js:72:18)
at nodeRequire (/home/vegard/beat/backoffice-sapper/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69044:17)
at ssrImport (/home/vegard/beat/backoffice-sapper/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69002:20)
at eval (/node_modules/carbon-components-svelte/src/UIShell/SideNav/HamburgerMenu.svelte:7:31) (x3)
```
To fix it, we need to reference the `.svelte` files for the icons.
* Fix DataTable icon import.
|
||
|---|---|---|
| .. | ||
| DataTable.svelte | ||
| DataTableSkeleton.svelte | ||
| index.js | ||
| Table.svelte | ||
| TableBody.svelte | ||
| TableCell.svelte | ||
| TableContainer.svelte | ||
| TableHead.svelte | ||
| TableHeader.svelte | ||
| TableRow.svelte | ||
| Toolbar.svelte | ||
| ToolbarBatchActions.svelte | ||
| ToolbarContent.svelte | ||
| ToolbarMenu.svelte | ||
| ToolbarMenuItem.svelte | ||
| ToolbarSearch.svelte | ||