ui icon indicating copy to clipboard operation
ui copied to clipboard

Install question: missing dependencies and CSS

Open robertocarroll opened this issue 4 years ago • 0 comments

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):

Svelte_app

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

robertocarroll avatar May 15 '20 12:05 robertocarroll