Cannot find module './styles.scss' or its corresponding type declarations

Question

i install

yarn create react-app my-app --template typescript

yarn add sass

App.tsx

import styles from "./styles.scss";

function App() {
  return <div className={styles.App}></div>;
}

export default App;

styles.scss

.App {
  text-align: center;
}

both files in the same folder

when i want to import, i get this error

Cannot find module './styles.scss' or its corresponding type declarations

Answer 1

this problem is because you install typescript on existed react-app.

first put a "declarations.d.ts" in your project and add the following line-code to it:

declare module '*.css';