I am trying to use Shadcn-Svelte with my Svelte app and when trying to use components, I get errors from vite that seem like vite is interpreting Svelte scripts as JavaScript files, completely ignoring the lang="ts". My configuration files are correct, as they are unmodified from the svelte starter template.
Describe the bug
I am trying to use Shadcn-Svelte with my Svelte app and when trying to use components, I get errors from vite that seem like vite is interpreting Svelte scripts as JavaScript files, completely ignoring the
lang="ts"
. My configuration files are correct, as they are unmodified from the svelte starter template.Reproduction URL
bun create svelte -> bunx shadcn-svelte init -> bunx shadcn-svelte add button
Reproduction
shadcn-svelte
somewhere in Svelte (eg.+page.svelte
)bun dev
and go tolocalhost:5173
Logs
Click to expand!
``` 5:13:18 PM [vite] changed tsconfig file detected: /home/rare/Desktop/projects/NewDeblok/frontend/tsconfig.json - Clearing cache and forcing full-reload to ensure TypeScript is compiled with updated config values. 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/button/button.svelte:3:15 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte:5:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte:5:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte:5:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte:2:13 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte:6:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte:5:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte:4:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte:5:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte:6:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte:6:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/sonner/sonner.svelte:2:34 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte:5:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte:6:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte:6:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-portal.svelte:4:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte:2:13 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte:2:13 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte:6:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte:6:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte:5:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/label/label.svelte:5:6 Unexpected token 5:13:21 PM [vite] Pre-transform error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/input/input.svelte:2:13 Unexpected token 5:13:21 PM [vite] Internal server error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/button/button.svelte:3:15 Unexpected token Plugin: vite-plugin-svelte File: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/button/button.svelte:3:15 1 | 6 | 5:13:22 PM [vite] Internal server error: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte:2:13 Unexpected token Plugin: vite-plugin-svelte File: /home/rare/Desktop/projects/NewDeblok/frontend/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte:2:13 1 | Githubissues.