TypeScript 6 開始,將 noUncheckedSideEffectImports 預設值改為 true 的緣故,因此引入某套件的 css 若缺乏定義檔就會報錯。這邊筆記下解法。
內容
1. 若你可自訂 tsconfig.json,那就將 compilerOptions.noUncheckedSideEffectImports 設定為 false
2. 若你的 tsconfig.json 是動態生成的,那改由「補充缺失的型別檔」的思路,在專案根目錄下新增一個 swiper.d.ts,內容就是:
|
1 2 |
// swiper.d.ts declare module 'swiper/css*' {} |
參考資料
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)

