Splide.jsをTypeScriptで使用した際に、型宣言のエラーを吐く問題の解消法
Splide.jsをTypeScriptで使用した際に、型宣言のエラーを吐く問題の解消法
備忘録も兼ねて、投稿します。
TSでSplide.jsライブラリを使用すると、型宣言のエラーを吐いてビルドが通らなかった。
こちらで型補完をする必要があり、自作でsplide.d.tsを作成する。
declare module '@splidejs/react-splide' {
import * as React from 'react';
import type { Options } from '@splidejs/splide';
export interface SplideProps extends React.HTMLAttributes<HTMLDivElement> {
options?: Options;
hasTrack?: boolean;
tag?: string;
extensions?: Record<string, unknown>;
className?: string;
children?: React.ReactNode;
}
export const Splide: React.FC<SplideProps>;
export interface SplideSlideProps extends React.LiHTMLAttributes<HTMLLIElement> {
isClone?: boolean;
className?: string;
children?: React.ReactNode;
}
export const SplideSlide: React.FC<SplideSlideProps>;
}これで options の中身（perPage, gap, autoplay など）まで型チェック＆補完が効きます。
追加後は開発サーバの再起動でエラーが消えました。参考になれば。