reactjssasscreate-react-appnode-sass
Install
Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0
I have a react project I created using create-react-app And I was trying to use sass in react by installing node-sass for react.js
But I keep getting an error saying It's incompatible.
Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0
Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0
What is the problem?
Solution
Install sass instead
The library node-sass is now deprecated. So you can use the new version sass
Do the following
npm uninstall node-sass
npm install sass
Works with no further changes
- Testing custom hook: Invariant Violation: could not find react-redux context value; please ensure the component is wrapped in a <Provider>
- Stuck with the installation of React.js
- Run of a next js app stuck, npm run dev doesn't work
- antd drawer disable shadow
- Remix useSubmit arbitrary data
- Using OnChange, how to change values inside an <ArrayInput> <SimpleFormIterator><ReferenceInput> in React-Admin
- Allow typescript arg of Partial type to contain none of the optional fields
- Reading an environment variable in react which was set by docker
- How can I use variables in useEffect without having them in a dependency?
- How to use different .env files with nextjs?
- How can I achieve inferred type on callback value based on property of the same object?
- How to reassign value of color manually with 'react-color-palette'?
- TypeScript "No overload matches this call"
- How do I mock a function in react-modal using Vitest?
- Redux Toolkit useMutation hook data sharing between multiple component
- React Native: Clerk authentication Error: Not a valid base64 encoded string length
- How can I set a cookie in react?
- Redux state array won't restart to its initial values
- Pass data from server action to server component
- Why eslint consider JSX or some react @types undefined, since upgrade typescript-eslint/parser to version 4.0.0
- why do i get the Error Module not found: Can't resolve 'redux'
- bootstrap & navbar collapse don't work react (create-react-app)
- Infinite loop in useEffect
- Metamask not returning "code 4001 User rejected the request." when closing login popup in Chrome, but works in Edge
- React Loader Spinner color not change
- Fetching Next.js API Route in the app directory gives 404 Not Found
- Expo App Stuck on Splash Screen, No Errors
- Styling popover/tooltip in mui graphs
- React stale useState value in closure - how to fix?
- Is it possible to break word in space in AG Grid Wrap text