Ionic CLI doesn't run gulp tasks on ionic serve


I have the same problem.

You have a solution?


As per the following, the 2.x.x will go directly into the gulpfile for tasks like watch and build.

(If you use Coffeescript gulpfile, there’s a further issue:


I have come across the same problem!

ionic serve works and loads my app in the browser, but the SCSS files aren’t compiled unless I manually run gulp sass and live reload doesn’t work anymore for my Ionic 1 app

Did you find a solution?


Same problem here … The gulp startup tasks aren’t automatically started anymore …


Is there a solution to this yet?

Running gulp sass manually doesn’t seem to even work either


Hi, I think i found a solution for the issue.

Just add this to your gulpfile.js

gulp.task('serve:before', ['default']);

That line tells the new ionic cli 2@beta to run the old ionic cli 1.x ‘default’ task before serving (before running ionic serve)

Also you need to add a ionic.config.json file with this:

  "name": "base_project",
  "app_id": "",
  "v2": false,
  "typescript": false,
  "watch": {
    "sass": ["scss/**/*.scss"],
    "html": ["www/**/*.html"],
    "livereload": [

Hope that helps

Run gulp task before ionic serve/build
Gulpfile not found: ./gulpfile.js

I had the same issue, @agustinhaller solution solved it, now gulp task sass is running smoothly, Thanks!


Oh. Thank you so much!

‘watch’ can be added to watch files also.

gulp.task('serve:before', ['default','watch']);


In my case, the following resolves it: sudo ionic hooks add


Check that you have the latest gulp-sass version in package.json; it’s a dependency of node-sass + required by Ionic, e.g.

"dependencies": {
    "gulp-sass": "^2.3.2"

Uninstall gulp-sass

$ npm uninstall --save-dev gulp-sass

Reinstall gulp-sass

$ npm install --save-dev gulp-sass@2

There are a large number of issues pertaining to node-sass installation.
You may have to rebuild node-sass: $ npm rebuild node-sass


I am having the same issue.

  1. ionic setup sass
  2. ionic serve
  3. dosnt work…

I have to run gulp sass watch then run ionic serve and it works…



$ ionic serve

There is an error in your gulpfile:
Error: /home/project/web/nodeJS/proyecto/app1/node_modules/node-sass/vendor/linux-x64-48/binding.node: failed to map segment from shared object: Operation not permitted
at Error (native)
at Object.Module._extensions…node (module.js:583:18)
at Module.load (module.js:473:32)
at tryModuleLoad (module.js:432:12)
at Function.Module._load (module.js:424:3)
at Module.require (module.js:483:17)
at require (internal/module.js:20:19)
at Object. (/home/project/web/nodeJS/proyecto/app1/node_modules/node-sass/lib/index.js:24:15)
at Module._compile (module.js:556:32)
at Object.Module._extensions…js (module.js:565:10)


It worked for me :ok_hand:


worked! Thank you so much!


It works… but not entirely. It does not work if you want to have livereload. Can we add that as well?


The solution discussed in this post should work with livereload also. (It’s working for me).

Can you please attach more information about the error you are getting?


Couldn’t figure out why, but it wasn’t working for me until I removed the “scripts” tag from package.json


Yeah, same thing here, that’s weird


Same thing here. Had to remove “scripts” tag from package.json.


I tried this and it’s not working for me… but I see it works for most… so thinking I’m doing something wrong. I updated my gulp file.js with your edit… and I created the ionic.config.json file. Am I suppose to reference/load the ionic.config.json file from another file, or does Ionic just pick the file up by it being loaded at root of project?