如何使模块css与盖茨比应用程序中的typescript一起工作

Question

我有一个GastbyJS应用程序，我正在尝试在上面添加typescript。我解决了大部分问题，但我无法使css模块与它一起工作。

我的文件中有这个导入，它运行良好：
import styles from "./card.module.css"

但当我添加typescript配置时，它说Cannot find module './card.module.css'.ts(2307)

我试着使用一些gatsby插件，但它们没有按预期工作。

整个代码在这里：github

Answer 1

我遇到了同样的问题，在尝试了所有各种插件后，我发现了这个对我有效的解决方案。

使用创建css.d.ts文件

declare module '*.css' {
const content: { [className: string]: string };
export default content;
}

将这些行添加到tsconfig.json文件中：

"esModuleInterop": true,
"files": ["./src/typings/css.d.ts"]

"文件"路径需要匹配类型定义文件所在的位置。

https://github.com/thetrevorharmon/gatsby-starter-typescript-sass/issues/1#issuecomment-436748732