Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

coffee's avatar

gulp-notify: [Laravel Elixir] Sass Compilation Failed!:

4 days huhhhhh.... really frustrating! I am trying to use sass, but whenever I run gulp command I get an error, I may have destroyed my vm trying to troubleshoot it. The latest error I get is

gulp-notify: [Laravel Elixir] Sass Compilation Failed!: resources/assets/sass/app.scss 2:2  property "padding" must be followed by a ':'

I'll try to remember everything I did.

I am using a mac inside my vm(homestead ssh) node -v is v0.10.33 npm -v is 1.4.28

outside the vm( ~/code/laravelproject) node -v is v0.12.4 npm -v is 2.10.1

The reason for the descrepancy is due to another posting I read that sass does not work with the latest version of nodejs so I installed nvm and choose the older version. nvm is installed by

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.25.4/install.sh | bash

I choose the older version then

~/code/laravelproject$ npm install

Run gulp, again it did not work, I reverted back to the nodejs's latest version and tried to do another npm install, since nvm is installed in my local comp and not in vm, I could change node back to the latest version. should that matter?

At one point I also got this error

gulp-notify: [Error running notifier] Could not send message: not found: notify-send

tried to solve it with

vagrant@homestead:~/code/laravelproject$ npm install laravel-elixir

then error

npm ERR! EEXIST, open '/home/vagrant/.npm/9fb4c098-adable-stream-1-0-33-package-tgz.lock'
File exists: /home/vagrant/.npm/9fb4c098-adable-stream-1-0-33-package-tgz.lock
Move it away, and try again. 

npm ERR! System Linux 3.16.0-23-generic
npm ERR! command "/usr/bin/node" "/usr/bin/npm" "install" "laravel-elixir"
npm ERR! cwd /home/vagrant/code/laravelproject
npm ERR! node -v v0.10.33
npm ERR! npm -v 1.4.28
npm ERR! path /home/vagrant/.npm/9fb4c098-adable-stream-1-0-33-package-tgz.lock
npm ERR! code EEXIST
npm ERR! errno 47
npm ERR! not ok code 0

maybe i should have uninstall it first? At this point, I was so frustrated I was just about to try anything. Read more post then issued the following commands

vagrant@homestead:~/code/laravelproject$ npm uninstall --save dev gulp-sass
vagrant@homestead:~/code/laravelproject$ npm install --save dev gulp-sass
vagrant@homestead:~/code/laravelproject$ npm install --save dev gulp-sass
vagrant@homestead:~/code/laravelproject$ npm install laravel-elixir
vagrant@homestead:~/code/laravelproject$ npm install

Each command with errors. When I run gulp I get

gulp-notify: [Laravel Elixir] Sass Compilation Failed!: resources/assets/sass/app.scss 2:2  property "padding" must be followed by a ':'

Please help

0 likes
2 replies
samsoft's avatar

Check your sass script... there's probability you're missing out something. check line 2 to see if you declare the "padding" correctly... just thinking!

coffee's avatar

Thanks @samsoft for the reply, you were right, I did have a typo on the padding.top instead of padding-top. I just run gulp, now, I am getting

[02:20:09] Starting 'sass'...
[02:20:09] Running Sass: resources/assets/sass/app.scss
[02:20:12] Finished 'default' after 2.69 s
[02:20:12] gulp-notify: [Laravel Elixir] Sass Compiled!
[02:20:12] Finished 'sass' after 2.79 s
[02:20:12] gulp-notify: [Error in notifier] Error in plugin 'gulp-notify'
not found: notify-send

Please or to participate in this conversation.