[筆記] 解決 swiper 套件搭配 TypeScript 6 出現 Cannot find module ‘swiper/css’

章節連結

TypeScript 6 開始,將 noUncheckedSideEffectImports 預設值改為 true 的緣故,因此引入某套件的 css 若缺乏定義檔就會報錯。這邊筆記下解法。

typescript


內容

1. 若你可自訂 tsconfig.json,那就將 compilerOptions.noUncheckedSideEffectImports 設定為 false
2. 若你的 tsconfig.json 是動態生成的,那改由「補充缺失的型別檔」的思路,在專案根目錄下新增一個 swiper.d.ts,內容就是:


參考資料

1. Cannot find module ‘swiper/css’ or its corresponding type declarations. ts(2307)
2. Next.js: “Cannot find module or type declarations for side-effect import of ‘./globals.css'” ts(2882)

按讚加入粉絲團