SvelteKit Example Broken - Types #308

Activity

1. chrisjobando commented on Oct 1, 2023

   

   chrisjobando

   on Oct 1, 2023

   More actions

   This fix worked for me: #128 (comment)

   👍React with 👍1Reacted by gsuhm
2. ainsleyclark commented on Oct 1, 2023

   

   ainsleyclark

   on Oct 1, 2023

   Author

   More actions

   That still didn't work for me unfortunately:

   app.d.ts:

   // Unplugin icons
   import type * as Icons from 'unplugin-icons/types/svelte';
   export default Icons;
   

   
3. chipit24 commented on Oct 4, 2023

   

   chipit24

   on Oct 4, 2023

   More actions

   I'm running into this as well. Things are set up correctly, the icons are working, but WebStorm is giving me the Cannot resolve directory ~icons error as well.

   However, npm run check (svelte-kit sync && svelte-check --tsconfig ./tsconfig.json) doesn't produce any errors, and when I CMD+click the import statement (e.g. "~icons/mi/external-link") it takes me to node_modules/unplugin-icons/types/svelte4.d.ts which shows:

   declare module 'virtual:icons/*' {
     import { SvelteComponent } from 'svelte'
     import type { SvelteHTMLElements } from 'svelte/elements'
     export default class extends SvelteComponent<SvelteHTMLElements['svg']> {}
   }
   
   declare module '~icons/*' {
     import { SvelteComponent } from 'svelte'
     import type { SvelteHTMLElements } from 'svelte/elements'
     export default class extends SvelteComponent<SvelteHTMLElements['svg']> {}
   }

   👍React with 👍1Reacted by Alexey Dubrov