’ import classes from ‘./App.css’;’ not working
I have all of the correct code , but my styles for my app are not importing. Functionality in my app is okay.
The version of react-scripts is higher than 2.0 so I didn’t need to eject anything.
Here is the rest of the screenshots for my code:
What do you think is wrong? Should I have installed a particular package from npm?
miku86
2
Hey there,
nice to meet you!
In the future, it would be awesome, if you would not post images of your code,
instead use a tool like codesandbox.
Regarding adding stylesheets,
the ReactJS docs are a great resource:
I think the way you try to use classes
doesn’t work as expected without some additional changes.
Here is a link to my React app. Thanks for telling me about the Codesandbox.io resource. I am getting the same error
miku86
5
The app gives you the error Could not find module in path: './App.module.css' relative to '/src/App.js'
Sure, because there is no file named App.module.css
, your file is named App.css
Okay , that error is gone , but my styles still fail to import.
miku86
7
As stated here, you can’t simply import classes
from a CSS file.
1 Like
Wow, adding App.module.css along with my regular css file actually fixed the issue.
miku86
9
Great work,
you can remove App.css
and only have App.module.css
.