CODEWITHSUNDEEP
reactjstypescriptsassnode-sasssass-modules
Abhishek Ram
Abhishek Ram

Reputation: 141

How can I import SCSS modules in React-Typescript?

I am trying to import styles from Navbar.module.scss file in my Navbar.tsx component. enter image description here

But it says enter image description here

I have already installed node-sass and @types/node-sass packages. Here's my package.json : enter image description here

Upvotes: 3

Views: 7784

Answers (2)

Sviat Bondar
Sviat Bondar

Reputation: 1

There is easier way, just add the d.ts file or text to exist file next line

declare module "*.module.scss";

End this should solve the problem.

Upvotes: 0

Abhishek Ram
Abhishek Ram

Reputation: 141

Nevermind, I just installed this package called typed-scss-modules and it generated the type declarations for all the scss files in my src directory.

yarn add -D typed-scss-modules

yarn typed-scss-modules src

Then I imported my scss modules like so:

import styles from './Navbar.modules.scss';

And everything worked so well.

Upvotes: 5

Related Questions