title: How to convert the existing project with SCSS Support project?
body: <p>I have a angaular cli application.Now i want to make it compatible with sass.But it is not happening.</p>
  
  <p>This is my .ts file</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
  })
  export class AppComponent {
    title = 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry';
  }
  </code></pre>
  
  <p>I run a code ng set defaults.styleExt scss in commad line
  Then it is updated in the angular.cli.json.Then i renamed the app.component.css to app.component.scss manually.</p>
  
  <p>My .css file is like this.</p>
  
  <pre><code>$primary-color:red;
  
  .head{
     color: $primary-color; 
  }
  </code></pre>
  
  <p>My .html file is below</p>
  
  <pre><code>&lt;div class="head"&gt;
    {{title}}
  &lt;/div&gt;
  </code></pre>
  
  <p>But while compiling i am getting error.
  The error is as below
  cant resolve app.component.scss.Field browser doesnt contain a valid alias configuration.Please help me.Thanks in advance?</p>