如何使模块 css 在 gatsby 应用程序中与打字稿一起使用？

Question

我有一个 GastbyJS 应用程序，我正在尝试在其上添加打字稿。我解决了大部分问题，但我无法让 css 模块使用它。

我的文件中有这个导入，效果很好：
import styles from "./card.module.css"

但是当我添加打字稿配置时，它说 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"]

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