Why css can not load in React but only in Next.js?

Question

We have a component, which is in a Git Submodule, because a NExt.js and a React is using it also. In NextJs everything ok, but fro React, it does not accept how CSS is loaded:

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

[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.
 @ ./app/containers/Tiket/Test.tsx 2:0-148 36:88-133
 @ ./app/containers/Test.jsx 3:0-32 6:44-48
 @ ./app/shortcode35.js 8:0-46 14:54-63

What is wrong here? css is at the right place

Are other relative imports working? Do you think it can be related to stackoverflow.com/questions/66185563/… ? (even thought the question is in python) — Berci
– Berci, Commented Jan 13, 2022 at 5:50

Anuja Nimesh · Accepted Answer · 2022-01-13 05:52:38Z

1

In react you simply import it as
import "../../styles/buyTicket.module.css";

Then in your element className is defined like vanilla html
<div className="class"></div>

answered Jan 13, 2022 at 5:52

Anuja Nimesh

4323 silver badges14 bronze badges

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

3 Comments

Anuja Nimesh Over a year ago

PS .module part isn't necessary in React

János Over a year ago

you are right, would you check this here? stackoverflow.com/questions/70692708/…

Anuja Nimesh Over a year ago

@János seems like you have a answer already there

Collectives™ on Stack Overflow

Why css can not load in React but only in Next.js?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related