How to use CSS modules in a React based Wordpress plugin?

Question

I have this line in one of my tsx file:

import styles from "../../styles/buyTicket.module.css";

got this error:

ERROR in /Applications/MAMP/htdocs/wp-content/plugins/tikex/tikexModule/components/BuyTicket/PricingOptionInvoiceItemsFormFieldsCheckboxes.tsx
./tikexModule/components/BuyTicket/PricingOptionInvoiceItemsFormFieldsCheckboxes.tsx 7:19-54
[tsl] ERROR in /Applications/MAMP/htdocs/wp-content/plugins/tikex/tikexModule/components/BuyTicket/PricingOptionInvoiceItemsFormFieldsCheckboxes.tsx(7,20)
      TS2307: Cannot find module '../../styles/buyTicket.module.css' or its corresponding type declarations.

If I remove styles then I got this error no more, but then it will work not as a CSS module, and naming collosion will happen. What would you suggest?

have you tried just importing it like so: import "../../styles/buyTicket.module.css";? — Yong
– Yong, Commented Jan 13, 2022 at 7:22
Yes, it works then, but then it will work not as a CSS module, and naming collosion will happen. — János
– János, Commented Jan 13, 2022 at 7:26

Dharman · Accepted Answer · 2022-01-13 07:30:37Z

0

As far as i can understand, you may have a look here:
Can't import CSS/SCSS modules. TypeScript says "Cannot Find Module"

and here:
React, Typescript - Cannot find module ... or its corresponding type declarations

edited Jan 13, 2022 at 7:30

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Jan 13, 2022 at 7:25

Dobromir Kirov

1,0611 gold badge9 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use CSS modules in a React based Wordpress plugin?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related