Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CSS Modules don't work

See original GitHub issue

I try to use css modules to style my components but the css is override by Material-UI css.

I even download the example by: https://codesandbox.io/s/m4j01r75wx (reported here https://material-ui-next.com/guides/interoperability/#css-modules and here https://material-ui-next.com/customization/css-in-js/#css-injection-order) but when i run npm install i got back npm WARN css-modules@1.0.0 No repository field. npm WARN css-modules@1.0.0 No license field. and when I run npm start the Button are default styled.

Issue Analytics

State:
Created 5 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

2reactions

oliviertassinaricommented, May 10, 2018

@Damix48 Thanks for the feedback! I’m on it.

1reaction

oliviertassinaricommented, May 10, 2018

Fixed. I had to follow https://parceljs.org/transforms.html#postcss

Top Results From Across the Web

CSS modules not working for react version 16.6.0

Not working with React 17.0.1. The only way to make it work is Changing to UpperCase all the css classes in the css...

[Bug] Doesn't work with CSS modules #29 - GitHub

Describe the bug. I'm currently using both global CSSes and CSS modules, and can't replace my custom webpack config with this addon.

How to configure CSS and CSS modules in webpack

One of the first thing you need to configure in your webpack project is CSS. CSS is so fundamental to a web app...

style-loader - webpack

Automatically injects styles into the DOM using one <style></style> . ... Source maps do not work. ... import styles from "./styles.css"; const divElement...

How to configure CSS Modules for webpack - LogRocket Blog

Plus, you don't need to come up with different selector names, giving you complete ... In order to work with CSS Modules, we...