Ошибка node sass

Introduction

Recently I was trying to fix a bug with one of my old projects. So I went to git and did a clone and ran

npm install

The project uses node-sass to complile scss files to CSS and came up with the error:

npm ERR! command failed

A more verbose error looks like the following:

npm ERR! code 1
npm ERR! path D:myprojectnode_modulesgulp-sassnode_modulesnode-sass
npm ERR! command failed
npm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:Program Filesnodejsnode.exe D:myprojectnode_modulesgulp-sassnode_modulesnode-gypbinnode-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
...
...
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@17.3.1 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (D:myprojectnode_moduleswhichwhich.js:13:12)
npm ERR! gyp verb `which` failed     at F (D:myprojectnode_moduleswhichwhich.js:68:19)
npm ERR! gyp verb `which` failed     at E (D:myprojectnode_moduleswhichwhich.js:80:29)
npm ERR! gyp verb `which` failed     at D:myprojectnode_moduleswhichwhich.js:89:16
npm ERR! gyp verb `which` failed     at D:myprojectnode_modulesisexeindex.js:42:5
npm ERR! gyp verb `which` failed     at D:myprojectnode_modulesisexewindows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb `which` failed  python2 Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (D:myprojectnode_moduleswhichwhich.js:13:12)
npm ERR! gyp verb `which` failed     at F (D:myprojectnode_moduleswhichwhich.js:68:19)
npm ERR! gyp verb `which` failed     at E (D:myprojectnode_moduleswhichwhich.js:80:29)
npm ERR! gyp verb `which` failed     at D:myprojectnode_moduleswhichwhich.js:89:16
npm ERR! gyp verb `which` failed     at D:myprojectnode_modulesisexeindex.js:42:5
npm ERR! gyp verb `which` failed     at D:myprojectnode_modulesisexewindows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python
npm ERR! gyp verb `which` failed     at getNotFoundError (D:myprojectnode_moduleswhichwhich.js:13:12)
npm ERR! gyp verb `which` failed     at F (D:myprojectnode_moduleswhichwhich.js:68:19)
npm ERR! gyp verb `which` failed     at E (D:myprojectnode_moduleswhichwhich.js:80:29)
npm ERR! gyp verb `which` failed     at D:myprojectnode_moduleswhichwhich.js:89:16
npm ERR! gyp verb `which` failed     at D:myprojectnode_modulesisexeindex.js:42:5
npm ERR! gyp verb `which` failed     at D:myprojectnode_modulesisexewindows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb `which` failed  python Error: not found: python
npm ERR! gyp verb `which` failed     at getNotFoundError (D:myprojectnode_moduleswhichwhich.js:13:12)
npm ERR! gyp verb `which` failed     at F (D:myprojectnode_moduleswhichwhich.js:68:19)
npm ERR! gyp verb `which` failed     at E (D:myprojectnode_moduleswhichwhich.js:80:29)
npm ERR! gyp verb `which` failed     at D:myprojectnode_moduleswhichwhich.js:89:16
npm ERR! gyp verb `which` failed     at D:myprojectnode_modulesisexeindex.js:42:5
npm ERR! gyp verb `which` failed     at D:myprojectnode_modulesisexewindows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb could not find "python". checking python launcher
npm ERR! gyp verb could not find "python". guessing location
npm ERR! gyp verb ensuring that file exists: C:Python27python.exe
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
npm ERR! gyp ERR! stack     at PythonFinder.failNoPython (D:myprojectnode_modulesgulp-sassnode_modulesnode-gyplibconfigure.js:484:19)
npm ERR! gyp ERR! stack     at PythonFinder.<anonymous> (D:myprojectnode_modulesgulp-sassnode_modulesnode-gyplibconfigure.js:509:16)
npm ERR! gyp ERR! stack     at D:myprojectnode_modulesgraceful-fspolyfills.js:282:31
npm ERR! gyp ERR! stack     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp ERR! System Windows_NT 10.0.19043
npm ERR! gyp ERR! command "C:\Program Files\nodejs\node.exe" "D:\,yproject\node_modules\gulp-sass\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd D:myprojectnode_modulesgulp-sassnode_modulesnode-sass
npm ERR! gyp ERR! node -v v17.3.1
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

Why is node-sass failing to install?

Node-sass is a popular package used in Node.js applications to compile Sass files into CSS.
This means that you can specify the .scss file and get it compiled to css.

The main reason why node-sass would be failing is that its been deprecated and the team behind SASS recommends using Dart SASS or sass for short.

Steps to fix this issue

1. Updgrade node-sass with sass
2. Make sure you are using a compatible version of node-sass with Node
3. Make sure to have installed node-sass and its dependencies on your machine
4. Clear out the node_modules, package-lock.json and install again
5. Use the flag --unsafe-perm

Tip: The obvious step is to not use node-sass but sass

1. Updgrade node-sass with sass

Node-sass has been deprecated and the team behind it recommends using sass.

We just need to remove it as follows:

npm uninstall node-sass --save

Then install sass:

Now if you want to use node-sass for some reason, then follow the next steps.

2. Make sure you are using a compatible version of node-sass with Node

So if you do not want to use the new Dart SASS (sass) and still want to use node-sass, we can change our node version to use a version thats compatible with node-sass

The following table lists the compatible versions of Node with Node-sass:

One good tool to use to manage Node versions is NVM!

To work with NVM and manage your Node versions we can do the following:

1. For windows, we can go to the binary and install NVM located here:

https://github.com/coreybutler/nvm-windows/tags

For linux distros we can do the following:

sudo apt install curl 
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
source ~/.profile
nvm install node 

1. Uninstall all versions of node with the following command:

nvm uninstall <node version>

1. Reinstall needed node version:

nvm install <node version>

To get the latest node version we can do nvm install latest

1. Use node version just installed:

nvm use <node version>

In our case, we can use the command nvm use latest

3. Make sure to have installed node-sass and its dependencies on your machine

node-sass requires a bunch of dependencies and they are required to be installed on your machine first.

In general, make sure that you have installed Python and a build/compiler toolchain. This would vary across systems.

For Unix

• Python v3.7, v3.8, v3.9, or v3.10
• make
• C/C++ compiler toolchain eg GCC

For OSX

• Python v3.7, v3.8, v3.9, or v3.10
• XCode Command Line Tools which will install clang, clang++, and make.

On Windows

• Python v3.7, v3.8, v3.9, or v3.10, head over to the Microsoft Store and download the latest version.

• Install the Visual C++ Build Environment. You can do this by either getting the “Visual C++ build tools” workload in Visual Studio Build Tools or by using the “Desktop development with C++” workload in Visual Studio Community.

• Open up cmd and type in “npm config set msvs_version 2017”.

Note: If you’re looking to target native ARM64 Node.js on Windows 10 on ARM, make sure to add the components “Visual C++ compilers and libraries for ARM64” and “Visual C++ ATL for ARM64”.

4. Clear out the node_modules, package-lock.json and install again

When previous steps did not work for you, the final option is to nuke everything.

Open up your terminal and go to the project’s root folder:

1. Delete node_modules folder. This is where all the packages are saved.
2. Delete the package-lock.json.
3. Run npm install

Note: Make sure you are running under administrator priveleges.

5. Use the flag --unsafe-perm

If you know what you are getting into, then try installing node-sass with the --unsafe-perm flag.

This flag allows npm to run scripts with root privileges.

You can install node-sass with the --unsafe-perm flag by running the following command in your terminal:

npm install node-sass --unsafe-perm

Summary

When working on old projects you may come across NPM install errors with node-sass. The main reason this is the case is because node-sass has been deprecated by the team behind it.

It is recommended to use sass instead. If somehow you still need to use node-sass there are a few things to check to get your project up and running:

• check that the version of node-sass is compatible with your version of Node
• make sure that you have all the dependencies installed on your machine — eg Python and build/compile tools
• clear our your node_modules folder and package-lock.json and run the npm install again
• Try using the --unsafe-perm flag if you know what you are doing!

If you ever update your version of node then you might start running into the “Node Sass does not yet support your current environment” error. I’ve had this happen a few times (including today), and thought that it might be nice to put a fix here for anyone who might be looking.

This problem happens because the version of node-sass that you have installed is no longer compatible with the version of node you are trying to run it with. I guess this could work either way, but it is more likely that your node-sass version is behind; which is nice, because I would rather upgrade an npm package than downgrade node.

Here are a couple of things you could try. Don’t worry, they are nice and quick, with little fuss.

Note: If you have installed node-sass globally then you will need to run with a ‘-g’ flag.

Rebuild node-sass

npm rebuild node-sass

or

npm rebuild -g node-sass

Running rebuild basically recompiles the package to match the new node version. However, if this doesn’t work for you (which it doesn’t for me) then your best bet is to uninstall and reinstall node-sass.

Uninstall and re-install node-sass

npm uninstall node-sass && npm install node-sass

or

npm uninstall -g node-sass && npm install -g node-sass

Yup, that’s right. If it doesn’t work, wipe it clean and start again!

Create, register and use shortcodes in WordPress

by Gav
18/03/2023

Learn how to create and register your own WordPress shortcodes to add dynamic content to your posts and pages.

How to/why use guard clauses in JavaScript

by Gav
16/03/2023

Learn how to improve code readability and performance by using guard clauses in JavaScript. Discover their benefits and best practices.

Implements and Extends, Object Oriented TypeScript

by Gav
15/03/2023

Learn the difference between implements and extends in TypeScript. Use Implements to implement interfaces and types, and extends to inherit from classes.

Reading/Parsing and Writing YAML files, PHP Symfony

by Gav
14/03/2023

In this tutorial we will look at using YAML in PHP. Learn about Parsing and Writing YAML files using Symfony’s YAML component.

Measuring code execution performance in JavaScript

by Gav
13/03/2023

Measuring code execution performance is an important way to identify bottlenecks. Use these methods in JavaScript to help optimise your code.

Measuring script/code execution time in PHP, microtime

by Gav
06/03/2023

Find bottlenecks, optimise and clean your code, and speed up your apps by measuring the execution time of your PHP scripts using microtime.

Regenerate WordPress media image sizes, programmatically

by Gav
25/02/2021

Learn how to regenerate and update WordPress media and image sizes both programmatically (without plugin), and also with a handy plugin.

Magic Constants in PHP. What they are and how to use them

by Gav
15/02/2021

Ever seen constants like __DIR__ and __FILE__ being used in PHP? These are ‘Magic Constants’, and this is how we can use them.

Detect single and multiple keypress events: JavaScript

by Gav
16/10/2019

Learn how to use event listeners to detect and handle single and multiple keypress events in JavaScript. Add modifier keys to your application!