You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using CSS modules with an extra period in the class name, it will output the class name as if it has a period in it, which will be parsed as two separate classes and the classes will be unlinked from where they are used. I found this error when writing a CSS module for my story and wrote file.story.module.css.
Did you try recovering your dependencies?
N/A
Which terms did you search for in User Guide?
N/A
Environment
npx: installed 99 in 7.796s
Environment Info:
current version of create-react-app: 3.4.0
running from /home/evan/.npm/_npx/15086/lib/node_modules/create-react-app
System:
OS: Linux 5.3 Ubuntu 19.10 (Eoan Ermine)
CPU: (4) x64 Intel(R) Core(TM) i7-6560U CPU @ 2.20GHz
Binaries:
Node: 10.15.2 - /usr/bin/node
Yarn: 1.21.1 - /usr/bin/yarn
npm: 6.13.0 - /usr/local/bin/npm
Browsers:
Chrome: 80.0.3987.100
Firefox: 72.0.2
npmPackages:
react: Not Found
react-dom: Not Found
react-scripts: Not Found
npmGlobalPackages:
create-react-app: Not Found
Steps to reproduce
Add a CSS module file with an extra period.
Add one class to the file.
Import that file in a react component.
Attach the class to an HTML element in the render.
Same as closed #6910. Will provide a PR (#8492).
Describe the bug
When using CSS modules with an extra period in the class name, it will output the class name as if it has a period in it, which will be parsed as two separate classes and the classes will be unlinked from where they are used. I found this error when writing a CSS module for my story and wrote
file.story.module.css
.Did you try recovering your dependencies?
N/A
Which terms did you search for in User Guide?
N/A
Environment
Steps to reproduce
Examples:
test.styles.module.css
Test.jsx
Expected behavior
CSS class names are generated that are valid.
Actual behavior
Generates a class name with a period, so the class name will not match.
Reproducible demo
Can create if necessary, but this fix is simple.
The text was updated successfully, but these errors were encountered: