Why is the Sass plugin for Gulp not installed?

Question

Sass

I created a project, connected Gulp, entered the command to add the Sass plugin, but errors got out. Please tell me what to do to add the plugin.

MacBook-Pro-Ilya:pigna ilyasidorchik$ sudo npm install node-sass gulp-sass --save-dev
Password:

> [email protected] install /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass
> node scripts/install.js

Unable to save binary /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass/vendor/darwin-x64-57 : { Error: EACCES: permission denied, mkdir '/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass/vendor'
    at Object.fs.mkdirSync (fs.js:885:18)
    at sync (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/mkdirp/index.js:71:13)
    at Function.sync (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/mkdirp/index.js:77:24)
    at checkAndDownloadBinary (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass/scripts/install.js:114:11)
    at Object.<anonymous> (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass/scripts/install.js:157:1)
    at Module._compile (module.js:653:30)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
  errno: -13,
  code: 'EACCES',
  syscall: 'mkdir',
  path: '/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass/vendor' }

> [email protected] postinstall /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass
> node scripts/build.js

Building: /usr/local/bin/node /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ '/usr/local/bin/node',
gyp verb cli   '/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-gyp/bin/node-gyp.js',
gyp verb cli   'rebuild',
gyp verb cli   '--verbose',
gyp verb cli   '--libsass_ext=',
gyp verb cli   '--libsass_cflags=',
gyp verb cli   '--libsass_ldflags=',
gyp verb cli   '--libsass_library=' ]
gyp info using [email protected]
gyp info using [email protected] | darwin | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed     at getNotFoundError (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:13:12)
gyp verb `which` failed     at F (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:68:19)
gyp verb `which` failed     at E (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:80:29)
gyp verb `which` failed     at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:89:16
gyp verb `which` failed     at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/isexe/index.js:42:5
gyp verb `which` failed     at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/isexe/mode.js:8:5
gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb `which` failed  python2 { Error: not found: python2
gyp verb `which` failed     at getNotFoundError (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:13:12)
gyp verb `which` failed     at F (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:68:19)
gyp verb `which` failed     at E (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:80:29)
gyp verb `which` failed     at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:89:16
gyp verb `which` failed     at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/isexe/index.js:42:5
gyp verb `which` failed     at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/isexe/mode.js:8:5
gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb `which` failed   stack: 'Error: not found: python2\n    at getNotFoundError (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:13:12)\n    at F (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:68:19)\n    at E (/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:80:29)\n    at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/which/which.js:89:16\n    at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/isexe/index.js:42:5\n    at /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/isexe/mode.js:8:5\n    at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb `which` failed   code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` succeeded python /usr/bin/python
gyp verb check python version `/usr/bin/python -c "import sys; print "2.7.10
gyp verb check python version .%s.%s" % sys.version_info[:3];"` returned: %j
gyp verb get node dir no --target version specified, falling back to host node version: 8.12.0
gyp verb command install [ '8.12.0' ]
gyp verb install input version string "8.12.0"
gyp verb install installing version: 8.12.0
gyp verb install --ensure was passed, so won't reinstall if already installed
gyp verb install version is already installed, need to check "installVersion"
gyp verb got "installVersion" 9
gyp verb needs "installVersion" 9
gyp verb install version is good
gyp verb get node dir target node version installed: 8.12.0
gyp verb build dir attempting to create "build" dir: /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass/build
gyp ERR! configure error 
gyp ERR! stack Error: EACCES: permission denied, mkdir '/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass/build'
gyp ERR! System Darwin 18.2.0
gyp ERR! command "/usr/local/bin/node" "/Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass
gyp ERR! node -v v8.12.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok 
Build failed with error code: 1
npm WARN [email protected] No description
npm WARN [email protected] No repository field.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ilyasidorchik/.npm/_logs/2018-12-11T19_27_30_193Z-debug.log

Answer 1

If you carefully read the output to the console, you can see that the problem is with the rights, and the whole point is that you don’t need to run npm install from under sudo
, so, for starters, you should demolish the module folder from under root:

sudo rm -rf /Users/ilyasidorchik/PhpstormProjects/pigna/node_modules/node-sass

then run npm install node-sass gulp-sass --save-dev again only this time without sudo

Answer 2

at the command line type
npm install gulp-sass --save-dev
then
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
return gulp.src (['sass/**/*.sass', 'sass/**/*.scss'])
.pipe(sass({outputStyle: ' expanded'}).on('error',sass.logError))
.pipe(gulp.dest('css'))
});
gulp.task('watch', function () {
gulp.watch(['sass/**/*.sass', 'sass/**/*.scss'],['sass']);
});
gulp.task('default', ['watch']);
look for the right path here gulp.watch(['sass/**/*.sass', 'sass/**/*.scss'],['sass']);