ui
ui copied to clipboard
Install question: missing dependencies and CSS
I've npm install @sveltekit/ui -D
in a fresh Svelte starter project, which installs without errors.
I then added a datepicker component using following the example: https://sveltekit.now.sh/#DatePicker
On compile I get the following errors:
(!) Unresolved dependencies
https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency
lodash/assignIn (imported by node_modules/@sveltekit/ui/src/components/DatePicker/DatePicker.svelte)
dayjs/plugin/customParseFormat (imported by node_modules/@sveltekit/ui/src/components/DatePicker/DatePicker.svelte)
flatpickr (imported by node_modules/@sveltekit/ui/src/components/DatePicker/DatePicker.svelte)
dayjs (imported by node_modules/@sveltekit/ui/src/components/DatePicker/DatePicker.svelte)
(!) Missing global variable names
Use output.globals to specify browser global variable names corresponding to external modules
lodash/assignIn (guessing 'assignIn')
flatpickr (guessing 'flatpickr')
dayjs (guessing 'dayjs')
dayjs/plugin/customParseFormat (guessing 'customParseFormat')
I was going to install those missing dependencies via npm to address the issue, but even a simple component such a button appears to be missing some CSS.
I added a button following the example: https://sveltekit.now.sh/#Button but it does not match the example (e.g. no green background):

Apologies if this is user error on my part as I am new to Svelte.