Меньше стилей, полученных с помощью «typescript-plugin-css-modules», не определено ⇐ CSS

[Anonymous]

Я создал новое приложение act.ts, используя npx create-react-app my-app --template typescript
затем я сделал npm i -D typescript-plugin- css-modules и добавлен в tsconfig.json следующий код:

Код: Выделить всё

"plugins": [{ "name": "typescript-plugin-css-modules" }]

затем я создал global.d.ts в src со следующим кодом:

Код: Выделить всё

declare module '*.module.less' {
const classes: { [key: string]: string };
export default classes;
}

затем я выбрал «Использовать версию рабочей области» ts


затем я переименовал App.css в App.module.less и написал меньше

Код: Выделить всё

.app {
background-color: red;
}

наконец-то я попробовал использовать стили в App.tsx вот так:

Код: Выделить всё

import styles from './App.module.less';

const App = () => {
return (

hello

);
}

export default App;

и я получаю неопределенное вместо класса app в div
[img]https:// i.stack.imgur.com/NuXAE.png[/img]

Почему он не определен? Что я сделал не так?
Здесь на фото представлены все файлы, которые я создал или отредактировал, а также ссылка на мой репозиторий



Подробнее здесь: https://stackoverflow.com/questions/783 ... are-undefi