hikagami
@hikagami (ひかがみ)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

typed-css-modulesのoutputオプションを使用した時、cssクラス名のサジェストが機能しない

発生している問題・エラー

docker上で動かしているreactでtyped-css-modulesを使用してcssを書きたいのですが、セットアップができません。

package.json
{
"scripts": {
        "start": "WATCHPACK_POLLING=true & npx tcm -o dist src --w & tcm --listDifferent . & react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
    },
}

tcm -o dist/dist以下に.css.d.tsを生成して管理したいのですが、これだとコードを書く時存在しないクラス名の時エラーが出なかったり、

styles.を打った時点での予測が出ません。
スクリーンショット 2023-11-26 16.32.21.png

-oオプションをつけない場合
スクリーンショット 2023-11-26 16.34.17.png

  • /dist以下でcss.d.tsファイルを管理する(目立たない場所ならどこでも)
  • 存在しないクラス名の場合エラーを出す
  • styles.まで打った時に予測を出す

この3点を実現したいと考えています。
よろしくお願いします🙇🏻‍♂️

0

1Answer

自決しました。
tsconfig内のbaseUrlが"src"になっていたため"/dist"を参照できていなかっただけでした(憤死)

0Like

Your answer might help someone💌