reactjs - Hur kan jag importera SCSS-moduler i React-Typescript?


Jag försöker importera stilar från filen Navbar.module.scss i min Navbar.tsx-komponent.

Men det står

Jag har redan installerat node-sass och @types/node-sass paket. Här är min package.json :

Svar #1

Strunta i det, jag installerade just det här paketet som heter typed-scss-modules och det genererade typdeklarationerna för alla scss-filer i min src-katalog.

yarn add -D typed-scss-modules

yarn typed-scss-modules src

Sedan importerade jag mina scss-moduler på följande sätt:

importera stilar från './Navbar.modules.scss';

Och allt fungerade så bra.

Svar #2

Det finns ett enklare sätt, lägg bara till d.ts-filen eller texten på nästa rad i den befintliga filen

declare module "*.module.scss";

Slutligen borde detta lösa problemet.

Relaterade artiklar