SvelteKitでsvelte-iconsの型定義エラーを解決する
Last Updated on 2023年10月21日 by lemonade
SvelteKitのnpm run checkってすごく強力な静的解析してくれますよね。すごくありがたいです。何故か急に
node_modules/svelte-icons/md/MdVpnKey.svelte' implicitly has an 'any' type. (ts)でsvelte-icons周りが全部使えなくなってしまって対処したのでその備忘録になります。
以下の型定義ファイルを追加します。
// types/svelte-icons.d.ts
declare module 'svelte-icons/*' {
import { SvelteComponent } from 'svelte';
const component: typeof SvelteComponent;
export default component;
}tsconfig.jsonに付け足します
{
"extends": "./.svelte-kit/tsconfig.json",
"compilerOptions": {
...
"typeRoots": ["node_modules/@types", "types"],
"types": ["svelte-icons"]
}
}これで直りました。nodeからbunに移行した後に出てきたのでその辺の影響があったりするのかなと思っています。