Hey guys, I'm currently working on a MERN project and I had to install node-sass for the react frontend part. I tried npm i node-sass, yarn add node-sass and other commands but it doesn't seem to work. I've checked out stackoverflow.com to know avail.

Please, any suggestions on how I could get this done? Thanks very much.

Stormtrooper11:
Hey guys, I'm currently working on a MERN project and I had to install node-sass for the react frontend part. I tried npm i node-sass, yarn add node-sass and other commands but it doesn't seem to work. I've checked out stackoverflow.com to know avail.

Please, any suggestions on how I could get this done? Thanks very much.

Node-sass has been depreciated I believe, install sass instead

Node-sass still relies on sass, install Ruby and sass package

And for we Nigerians way day manage data, I'll suggest you move from yarn|npm to pnpm.

jikins:


Node-sass has been depreciated I believe, install sass instead

Sass is already installed but the error is asking for the installation of node-sass

Deicide:
And for we Nigerians way day manage data, I'll suggest you move from yarn|npm to pnpm.

Pnpm consumes little data?

Stormtrooper11:

Pnpm consumes little data?

No pnpm is download once and then you can do something like pnpm add <PKG> --ofline

Deicide:
No pnpm is download once and then you can do something like pnpm add <PKG> --ofline

yarn does the same thing by caching packages, install once and install again offline as long as cache hasn't been cleared.
OP, i am sure you realize there are many ways to achieve something. and you didnt state if you're on a Linux, Macos or Windows machine

Stormtrooper11:


Sass is already installed but the error is asking for the installation of node-sass

oh i see, i experienced that too, just run sass alone on watch mode you don't need node-sass, if you have sass

are you on Linux or Windows ?

qtguru:
oh i see, i experienced that too, just run sass alone on watch mode you don't need node-sass, if you have sass

are you on Linux or Windows ?

I am on Windows.

Deicide:
No pnpm is download once and then you can do something like pnpm add <PKG> --ofline

Wow

Stormtrooper11:


I am on Windows.

can run sass in the command line and it works ?

QuoteJustOnce:


yarn does the same thing by caching packages, install once and install again offline as long as cache hasn't been cleared.
OP, i am sure you realize there are many ways to achieve something. and you didnt state if you're on a Linux, Macos or Windows machine

on the same project or separate project?

qtguru:

can run sass in the command line and it works ?

It's presently not working maybe because I already have sass installed as a package but the app is still asking for node-sass

Deicide:
on the same project or separate project?

the cache is both local & global (localFirst then Global strategy), so will work on different projects

Stormtrooper11:


It's presently not working maybe because I already have sass installed as a package but the app is still asking for node-sass

Did not work for me as well when I was trying to learn Sass. I just followed this from stack overflow.

I faced the similar issue in my local HTML Project. You should make following changes:

You should uninstall node-sass first.

npm uninstall node-sass
Install sass as dev dependency.

npm install sass --save-dev
Update your script in package.json

sass -w scss/ -o dist/css/ --recursive
This will fix the issue in most of the cases.

I think I tweaked some things, I am not even sure again but it was this post that helped me.

This was for CSS though, so I'm not sure if it'll work for your issue.

Qinglong:

Did not work for me as well when I was trying to learn Sass. I just followed this from stack overflow.

I think I tweaked some things, I am not even sure again but it was this post that helped me.

This was for CSS though, so I'm not sure if it'll work for your issue.

Thanks very much

QuoteJustOnce:


the cache is both local & global (localFirst then Global strategy), so will work on different projects

Well I didn't know that, anyways good to know.