More than 3 years have passed since last update.

（Next.js） TypescriptファイルでCSS/SCSSファイルを読み込む方法

Posted at 2020-11-08

##1. 問題
Next.jsプロジェクト内のtypescriptファイルでCSSファイルをimportで読み込もうとすると、エラーになります。

sample.ts

import style from "./styles.css"

//下記のようなエラーが出て読み込めない
TS2307: Cannot find module './styles.css

##2.解決策
「next-env.d.ts」というファイルがあるはずなので、そこに下記のように追加で記述。
無事Next.jsプロジェクト内のtypescriptファイルでcss/scssが読み込めるようになります。

next-env.d.ts

declare module '*.css';
// or scss
declare module '*.scss';