This is what I get when I try to run webpack: the error I get is:     "ERROR in ./v3/app/styles/main.scss   Module parse failed: /Users/vovina/widget-login-react/v3/app/styles/main.scss Unexpected character '@' (1:0)   You may need an app...
I'm learning how to use css modules with react, below is a working example of a checkbox here's what it looks like (pure HTML + CSS fiddle) without react.  import React from 'react' import CSSModules from 'react-css-modules' i...
I'm using CSS Modules within a React application. I also have a dropdown component with some global styles (which I'm happy with, as the general styles I want to re-use).  When the dropdown is active, a CSS class is applied (.dropdown--active...
I have a custom modal where I have 2 react-select components inside. The modal body is ready to auto scroll in case the content exceeds its size, but the react-select components dropdown open inside the modal with this overflow, which is what i am no...
I am locally scoping my css files by using   modules: true, localIdentName: "[name]__[local]_[hash:base64:5]"   in webpack.config.dev and prod.js. I am able to use the styles i have defined for the components using import style from './Co...
I am using Jest and Enzyme to test my application. I am getting error:   FAIL  app/containers/Navbar/NavbarContainer.test.js   ? Test suite failed to run      app/components/Navbar/styles.css: Unexpected token (1:0)       > 1 | @import "../../...
I want to use the .scss in my project(bulid with react and typescript),so I use typings-for-css-modules-loader with css-loader and sass-loader.  When I npm run dev, I get this error:  ./src/Common.scss Module build failed (from ./node_modules/mini-cs...
I have styles being loaded from the server, and I have a few elements that I want to apply those loaded styles to with a class.  In example 1, it's because I need to use the css selectors.  In example 2, it's because the 3rd party component I...
I have a re-usable component called ColorInput.   However, each input has a different text color. Therefore, I have setup different classes for each input. For instance, input-red, input-green, input-blue.   SCSS  .input-red{   composes: input;   com...
In my react project if I use some non-existent className from css modules file,   // mycss.modules.scss  .thing { color: red }  // index.jsx  import styles from mycss.modules.scss  <div className={styles.otherThing}>Some div</div>  // Bro...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.