Node.js Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0

by

If you want to use SCSS and Sass in your React app, try to do as below and your files will be correctly compiled:

  1. First remove node-sass:
yarn remove node-sass
# if you use npm
npm uninstall node-sass
  1. Then install sass instead of node-sass:
yarn add -D sass
# if you use npm
npm i -D sass

More Related Contents:

  1. How to Protect website code PHP / JS? [closed]
  2. “SyntaxError: Unexpected token < in JSON at position 0"
  3. Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object
  4. React – changing an uncontrolled input
  5. What does npm install –legacy-peer-deps do exactly? When is it recommended / What’s a potential use case?
  6. How to display binary data as image in React?
  7. How do you send images to node js with Axios?
  8. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  9. How to add custom html attributes in JSX
  10. In React and Next.js constructor, I am getting “Reference Error: localstorage is not defined”
  11. Modify file in place (same dest) using Gulp.js and a globbing pattern
  12. How to make Puppeteer work with a ReactJS application on the client-side
  13. ‘react-scripts’ is not recognized as an internal or external command
  14. body data not sent in axios request
  15. useEffect does not listen for localStorage
  16. Fetch image from API
  17. I am getting error in console “You need to enable JavaScript to run this app.” reactjs
  18. How do I add validation to the form in my React component?
  19. XMLHttpRequest cannot load No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:3000’ Google maps
  20. React.js Serverside rendering and Event Handlers
  21. Matched leaf route at location “/” does not have an element
  22. unable to deploy next js to azure
  23. Increase JavaScript Heap size in create-react-app project
  24. Webpack 5 – Uncaught ReferenceError: process is not defined
  25. Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’
  26. ReactJS server-side rendering vs client-side rendering
  27. How to deploy a React + NodeJS Express application to AWS?
  28. Access from origin ‘https://example.com’ has been blocked even though I’ve allowed https://example.com/
  29. Firebase-Admin, importing it to react application throws Module not found error
  30. Want to have an event handler for the browser’s back button with next.js

Leave a Comment