Что делать если не видит module css file?

Question

[attachedsoul148]

import React, { useState } from 'react'
import classes from './counter.module.css'

const Counter : React.FC = () => {
const [count , setCount] = useState(0)
return (

Count : {count}
setCount((prev) => prev += 1)}> +
setCount((prev) => prev -= 1)}> -

)
}

export default Counter
И пишет [{
"resource": "/c:/Papka/wrk/ulbicourse/my-app/src/components/counter/Counter.tsx",
"owner": "typescript",
"code": "2307",
"severity": 8,
"message": "Не удается найти модуль \"./counter.module.css\" или связанные с ним объявления типов.",
"source": "ts",
"startLineNumber": 2,
"startColumn": 21,
"endLineNumber": 2,
"endColumn": 43
}]

Answer 1

[kyzinatra]

нужно добавить обьявление таких модулей

declare module '*.css' {
  interface IClassNames {
    [className: string]: string
  }
  const classNames: IClassNames;
  export = classNames;
}

Comments

[attachedsoul148]

а в какую часть кода конкретно это добалять?

[kyzinatra]

attachedsoul148, в файл declaration.d.ts тамже где и tsconfig

[attachedsoul148]

kyzinatra, а если этого файла нету

[kyzinatra]

attachedsoul148, какой файл?

[kyzinatra]

создай его

[attachedsoul148]

kyzinatra,

[attachedsoul148]

kyzinatra, ошибка осталась

[kyzinatra]

https://stackoverflow.com/questions/41336858/how-t...
должно помочь

[attachedsoul148]

kyzinatra, а почему вообще такое случилось , в других проектах всё работало

[kyzinatra]

Возможно из-за каких-то настроек ts и webpack. Точно сказать сложно, но это из-за самого ts который не умеет в css модули и без понятия вообще что это такое

[kyzinatra]

attachedsoul148, webpack сам обрабатывает модули и об этом ts ничего не знает вот и ругается, что ты пытаешься что-то странное импортить

Answer 2

[pinkhead_psd]

В корневую папку проекта /src, нужно добавить файл /src/react-app-env.d.ts и добавить в файл эту строку - ///<reference types="react-scripts" />
P.S. не теряй тройной слеш