# Sass not compiling

**URL:** <https://forum.ionicframework.com/t/sass-not-compiling/89581>\
**Category:** ionic-v3\
**Created:** [May 9, 2017, 10:29pm UTC](https://forum.ionicframework.com/t/sass-not-compiling/89581 "2017-05-09T22:29:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ghostrunners](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ghostrunners/32/109290_2.png) [@ghostrunners](https://forum.ionicframework.com/u/ghostrunners)\
**Post date:** [May 9, 2017, 10:29pm UTC](https://forum.ionicframework.com/t/sass-not-compiling/89581/1 "2017-05-09T22:29:52Z")

</div>

I created an ionic 2 blank app via cli - and it appears my sass changes are not being compiled as css.

It appears ionic 2 doesn’t support gulp anymore, so any references to using ionic setup sass isn’t working.

Running ionic build recompiles the sass, but this is an expensive process.

My current ionic.config.json file looks like this -

```auto
  "name": "my-ionic-app",
  "app_id": "",
  "v2": true,
  "typescript": true,
  "gulpStartupTasks": [
    "sass",
    "watch"
  ],
  "watchPatterns": [
    "www/**/*",
    "!www/lib/**/*",
    "!www/**/*.map",
  ]
}

```

Which begs the question if gulp isnt supported anymore (I dont have a gulp file in the cli process) -why is there a gulp StartupTasks block?

---

<div class="post-metadata">

**Author:** ![SigmundFroyd](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sigmundfroyd/32/111604_2.png) [@SigmundFroyd](https://forum.ionicframework.com/u/SigmundFroyd)\
**Post date:** [May 10, 2017, 6:22pm UTC](https://forum.ionicframework.com/t/sass-not-compiling/89581/2 "2017-05-10T18:22:48Z")

</div>

What does your `.scss` file look like, as well as your `.ts` file?

---

<div class="post-metadata">

**Author:** ![ghostrunners](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ghostrunners/32/109290_2.png) [@ghostrunners](https://forum.ionicframework.com/u/ghostrunners)\
**Post date:** [May 10, 2017, 6:53pm UTC](https://forum.ionicframework.com/t/sass-not-compiling/89581/3 "2017-05-10T18:53:52Z")

</div>

I’m using ionic@2.2.3 - macosx sierra 10.12.4.

```auto
my-ionic-app {
    
    ion-slides.my-ion-slides.slides.slides-md.slides-0 {
        height: initial !important;
    }

}

```

```auto
import { Component, ViewChild } from '@angular/core';
import { IonicPage, NavController, NavParams, Slides } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'my-ionic-app',
  templateUrl: 'my-ionic-app.html',
})
export class MyIonicApp {
  
  @ViewChild(Slides) slides: Slides;

  constructor(public navCtrl: NavController, public navParams: NavParams) {
    console.log(this.navParams, this.slides);
  }

}

```

---

<div class="post-metadata">

**Author:** ![ghostrunners](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ghostrunners/32/109290_2.png) [@ghostrunners](https://forum.ionicframework.com/u/ghostrunners)\
**Post date:** [May 10, 2017, 8:14pm UTC](https://forum.ionicframework.com/t/sass-not-compiling/89581/4 "2017-05-10T20:14:29Z")

</div>

So I believe there are a combination of reasons why this didn’t work.

First, I created a blank ionic template and then added ionic-angular dependencies to it. Slides was one of them. I have since added the ionic-angular cli to the project, and upgraded both the ionic and angular clis to @latest and everything seems to work out of the box now.

I am now able to modify sass, and it now compiles automatically into css.