Module not found - React

Question

I'm trying to import a css file in the previous folder,i.e src folder, before the one that the component is in but it keeps on bringing this error, Please what am I doing wrong

Failed to compile
./src/components/LoginComponent.js
Module not found: Can't resolve './src/styles.css' in 'C:\Users\Iruene     Adokiye\app-react\src\components'

check back the path to styles.css from current file's directory path. — Manoz
– Manoz, Commented Jul 2, 2018 at 11:30
You have to write .. to go up one directory. Have you tried ../styles.css? — Tholle
– Tholle, Commented Jul 2, 2018 at 11:30
If your styles.css correspond to this path 'C:\Users\Iruene Adokiye\app-react\src\styles.css' so, you must import with "../../styles.css" in LoginComponent.js file. — Emmanuel RICHE
– Emmanuel RICHE, Commented Jul 2, 2018 at 11:34

Tholle · Accepted Answer · 2018-07-02 11:32:26Z

1

To import src/styles.css from your component located at src/components/LoginComponent.js, you have to import from one directory up:

import `../styles.css`;

answered Jul 2, 2018 at 11:32

Tholle

113k22 gold badges209 silver badges198 bronze badges

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

Comments

loelsonk · Accepted Answer · 2018-07-02 11:33:27Z

1

if your project structure is like this:

- src/
  - components/
    - LoginComponent.js
  - style.css

Then inside your LoginComponent use:

import from '../styles.css';

or named import

import styles from '../styles.css';

.. means "above" folder.

. means same folder.

answered Jul 2, 2018 at 11:33

loelsonk

3,6082 gold badges18 silver badges23 bronze badges

Collectives™ on Stack Overflow

Module not found - React

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related