[Svelte integration] [ReferenceError: document is not defined]

Author: bartcuijpersCreated Sep 9, 2023Updated Mar 7, 2024

Describe the bug When following the Svelte integration guide, it results in a not working solution, which seems to be causes by the import; import { Datepicker, Input, initTE } from "tw-elements".

Actual behavior ReferenceError: document is not defined at st (file:///D:/Data/Desktop/skeleton-svelte/node_modules/tw-elements/dist/js/tw-elements.umd.min.js:12:3074) at file:///D:/Data/Desktop/skeleton-svelte/node_modules/tw-elements/dist/js/tw-elements.umd.min.js:16:21014 at file:///D:/Data/Desktop/skeleton-svelte/node_modules/tw-elements/dist/js/tw-elements.umd.min.js:12:178 at file:///D:/Data/Desktop/skeleton-svelte/node_modules/tw-elements/dist/js/tw-elements.umd.min.js:12:192 at ModuleJob.run (node:internal/modules/esm/module_job:192:25) at async DefaultModuleLoader.import (node:internal/modules/esm/loader:228:24) at async nodeImport (file:///D:/Data/Desktop/skeleton-svelte/node_modules/vite/dist/node/chunks/dep-df561101.js:56019:17) at async ssrImport (file:///D:/Data/Desktop/skeleton-svelte/node_modules/vite/dist/node/chunks/dep-df561101.js:55912:24) at async eval (D:/Data/Desktop/skeleton-svelte/src/routes/+page.svelte:5:31) at async instantiateModule (file:///D:/Data/Desktop/skeleton-svelte/node_modules/vite/dist/node/chunks/dep-df561101.js:55974:9)

Desktop

  • OS: Win11
  • Browser: Chrome
  • @sveltejs/kit 1.20.4
  • tailwindcss 3.3.3