TypescriptでCSSファイルが読み込まれなかった件
Typescripで開発しているアプリケーションがあり、あるCSSファイルに記述した内容をimportしようとしたところ上記のようなエラーが。。。。
import文も相対パスも間違ってそうだし、、、と悩み、調べてもようわからんと。Geminiに相談。
結論;TypescriptはデフォルトではCSSファイルに気づけない。
Geminiより↓↓
TypeScriptは、JavaScriptのコード(.ts や .tsx)の型をチェックして、入力補完(サジェスト)やエラー表示をしてくれる賢いツールです。
しかし、標準の状態では「プログラムのコード(TypeScriptファイル)」しか読み込む対象として想定していません。
そのため、CSSファイル(.css)のような「デザインのファイル」を import しようとしても、TypeScriptは「これはプログラムのコードではないから、どう扱えばいいか分からない。存在しないものとして無視しよう(あるいはエラーにしよう)」と判断してしまいます。これがサジェストに出なかった原因です。
解決法;デフォルト作成されるreact-app-env.d.tsファイルの修正
Congratulation!!
CSSファイルが読み込まれたなり!
ーーー
海外スレでも同じ壁に当たったけどこれで解決している人が多い様子
https://stackoverflow.com/questions/69056475/cannot-find-module-module-css-or-its-corresponding-type-declarations



