Я обновляю Gatsby с V2 до V3, и в этом обновлении CSS < /code> модули импортируются в виде модулей ES. И мы тоже. Модули ES позволяют нам лучше встряхивать дерево и генерировать меньшие файлы. С этого момента вам нужно импортировать модули CSS как: import {box} от './mystyles.module.css'
Старый подход больше не будет компилировать. < /P>
После изменения импорта он компилируется правильно и выглядит как ожидалось. Единственная проблема заключается в том, что я получаю ошибки типа, поскольку экспорт не может быть найден. без названия каждого возможного класса CSS как экспорт. Также причина ошибки типа.foo { color: red; }
.bar { color: blue; }
foo.tsx:
import { foo, bar } from "./Foo.module.css"
// Module "*.module.css" has no exported member 'foo'
// Module "*.module.css" has no exported member 'bar'
css.d.ts:
declare module "*.module.css" {
const styles: { [className: string]: string }
export * from styles
}
Подробнее здесь: https://stackoverflow.com/questions/673 ... -es-module
