{

Fix for node-sass build error in netlify build


Nodejs, fix for node-sass build error in netlify build

In this tutorial, learn how to fix an error for the installation of node-sass during the netlify build.

I got this error during node project deployment in netlify production

4:54:23 PM: npm WARN rm not removing /opt/build/repo/node_modules/.bin/gulp as it wasn't installed by /opt/build/repo/node_modules/gulp-cli
4:54:23 PM: > node-sass@6.0.1 install /opt/build/repo/node_modules/node-sass
4:54:23 PM: > node scripts/install.js
4:54:23 PM: Unable to save binary /opt/build/repo/node_modules/node-sass/vendor/linux-x64-57 : { Error: ENOENT: no such file or directory, mkdir '/opt/build/repo/node_modules/node-sass/vendor/linux-x64-57'
4:54:23 PM:     at Object.fs.mkdirSync (fs.js:885:18)
4:54:23 PM:     at checkAndDownloadBinary (/opt/build/repo/node_modules/node-sass/scripts/install.js:113:8)
4:54:23 PM:     at Object.<anonymous> (/opt/build/repo/node_modules/node-sass/scripts/install.js:156:1)
4:54:23 PM:     at Module._compile (module.js:653:30)
4:54:23 PM:     at Object.Module._extensions..js (module.js:664:10)
4:54:23 PM:     at Module.load (module.js:566:32)
4:54:23 PM:     at tryModuleLoad (module.js:506:12)
4:54:23 PM:     at Function.Module._load (module.js:498:3)
4:54:23 PM:     at Function.Module.runMain (module.js:694:10)
4:54:23 PM:     at startup (bootstrap_node.js:204:16)
4:54:23 PM:   errno: -2,
4:54:23 PM:   code: 'ENOENT',
4:54:23 PM:   syscall: 'mkdir',
4:54:23 PM:   path: '/opt/build/repo/node_modules/node-sass/vendor/linux-x64-57' }

node-sass is a node package for sass compilation which requires build native tools and binaries required for each environment.

This is going to be deprecated and will not be used in the future.

What is the alternative for node-sass library?

sass-loader is a package for loads and compiling sass/scss files into CSS.

First, uninstall node-sass from your project

npm uninstall node-sass

Install sass and sass-loader into your project

npm install sass --save-dev
npm install node-sass --save-dev

If you want to still continue using node-sass in netlify,

You have to use the correct version for node-sass with node version

You can check the compatible node-sass version here

And also you can change node version in netlify.

Conclusion

You learned how to solve node-sass error in netlify build.

THE BEST NEWSLETTER ANYWHERE
Join 6,000 subscribers and get a daily digest of full stack tutorials delivered to your inbox directly.No spam ever. Unsubscribe any time.

Similar Posts
Subscribe
You'll get a notification every time a post gets published here.