Как заставить модуль css работать с машинописным текстом в приложении gatsby?

Question 1

У меня есть приложение GastbyJS, и я пытаюсь добавить в него машинописный текст. Я решаю большинство проблем, но не могу заставить модуль css работать с ним.

У меня есть этот импорт в моем файле, который отлично работает:
import styles from "./card.module.css"

Но когда я добавил конфигурацию машинописного текста, он говорит, что Cannot find module './card.module.css'.ts(2307)

Я пытался использовать некоторые плагины gatsby, но они не работали должным образом.

Весь код находится здесь: github

css typescript gatsby

5

thur 23 Апр 2020 в 06:18

Возможно, вы можете добавить gatsby-plugin-typescript в плагины tsconfig.json.

–

mkEagles

24 Апр 2020 в 00:48

Какую версию гэтсби вы используете?

–

jlouzado

19 Апр 2021 в 17:23

Answer

У меня была та же проблема, и, попробовав все различные плагины, я наткнулся на это решение, которое сработало для меня.

Создайте файл 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

8

Matt J Frawley 11 Июн 2020 в 22:21

Какой будет эквивалентная процедура, если вместо этого у вас есть .jsconfig?

–

Leonardo

17 Сен 2021 в 18:44

Question 2