Cannot find module ‘sass’

by

To note! node-sass is deprecated as by now!

Warning: LibSass and Node Sass are deprecated. While they will continue to receive maintenance releases indefinitely, there are no plans to add additional features or compatibility with any new CSS or Sass features. Projects that still use it should move onto Dart Sass.

enter image description here

Instead you can see that Sass is followed on the Dart sass project!

react-scripts already moved that direction!

enter image description here

The used package now is sass! npm i -g sass or npm i sass --save-dev

If you go to npm sass page

enter image description here

This package is a distribution of Dart Sass, compiled to pure JavaScript with no native code or external dependencies. It provides a command-line sass executable and a Node.js API.

You can install Sass globally using npm install -g sass which will provide access to the sass executable. You can also add it to your project using npm install --save-dev sass. This provides the executable as well as a library.

What should be done

Install sass

Globally

npm i -g sass

or

Locally

npm i sass --save-dev

I personally prefer to always go with local installs! So that npm install will add it automatically! Sometimes too to maintain the versions per project!

And

enter image description here

enter image description here

App compilling and running after install!

old version of react scripts

If you are running on an old version that require node-sass!

Then you can Update to the latest version! And before that! You may like to remove node_modules and package-lock.json.

npm i react-scripts --save

After that npm install to install again the project dependencies

And you can go for installing sass step

More Related Contents:

  1. Error: ‘node-sass’ version 5.0.0 is incompatible with ^4.0.0
  2. React app exiting in docker container with exit code 0
  3. How to connect API with Web SPA through docker
  4. Can you force a React component to rerender without calling setState?
  5. PropTypes in a TypeScript React Application
  6. How to make Jest wait for all asynchronous code to finish execution before expecting an assertion
  7. React: onClick handler is getting called on every render?
  8. Attach Authorization header for all axios requests
  9. What is the best way to redirect a page using React Router? [closed]
  10. React Router Pass Param to Component
  11. Material UI v4 makeStyles exported from a single file doesn’t retain the styles on refresh
  12. Set loading state before and after an action in a React class component
  13. React – Display loading screen while DOM is rendering?
  14. Azure authentication Audience validation failed
  15. Error when deploying react app and it keeps sayings
  16. Why are React props immutable?
  17. Does a render happen before function in React Hooks useEffect is called?
  18. React: using index as key for items in the list
  19. react long press event
  20. React showing 0 instead of nothing with short-circuit (&&) conditional component
  21. SyntaxError with Jest and React and importing CSS files
  22. How to connect Threejs to React?
  23. Next.js router is returning query parameters as undefined on first render?
  24. Disable back button in react navigation
  25. How do I set a timezone in my Jest config?
  26. Select row on click react-table
  27. how to set initial state in redux
  28. How do I see state when logging to the console instead of Proxy object inside reducer action?
  29. Passing array to useEffect dependency list
  30. jest: Test suite failed to run, SyntaxError: Unexpected token import

Leave a Comment