1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

TypescriptでCSSファイルが読み込まれない??

1
Posted at

TypescriptでCSSファイルが読み込まれなかった件

image.png

Typescripで開発しているアプリケーションがあり、あるCSSファイルに記述した内容をimportしようとしたところ上記のようなエラーが。。。。

import文も相対パスも間違ってそうだし、、、と悩み、調べてもようわからんと。Geminiに相談。

結論;TypescriptはデフォルトではCSSファイルに気づけない。

Geminiより↓↓

TypeScriptは、JavaScriptのコード(.ts や .tsx)の型をチェックして、入力補完(サジェスト)やエラー表示をしてくれる賢いツールです。
しかし、標準の状態では「プログラムのコード(TypeScriptファイル)」しか読み込む対象として想定していません。
そのため、CSSファイル(.css)のような「デザインのファイル」を import しようとしても、TypeScriptは「これはプログラムのコードではないから、どう扱えばいいか分からない。存在しないものとして無視しよう(あるいはエラーにしよう)」と判断してしまいます。これがサジェストに出なかった原因です。

解決法;デフォルト作成されるreact-app-env.d.tsファイルの修正

image.png

コメント解除してみる!
image.png

image.png

Congratulation!!
CSSファイルが読み込まれたなり!

ーーー

海外スレでも同じ壁に当たったけどこれで解決している人が多い様子
https://stackoverflow.com/questions/69056475/cannot-find-module-module-css-or-its-corresponding-type-declarations

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?