title: Angular 2 import path not working properly
body: <p>I have a service that I injected into my app component.</p>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import {ProductService} from '../../../products/Classes/Product.Service';
  import {TestService   } from '../../../products/Classes/test.service';
  
  @Component({
      selector: 'pm-app',
      moduleId:module.id,
      templateUrl: '../View/PageTitle.html',
      providers:[ProductService,TestService]
  
  })
  export class AppComponent {
      pageTitle:string ='Acme Product Management';
   }
  </code></pre>
  
  <p>my folder structure is as below
  <a href="https://i.stack.imgur.com/gHhSl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gHhSl.png" alt="App Folder structure"></a></p>
  
  <p>My services exists on the <strong>P</strong>roducts folder not the <strong>p</strong>roducts folder. When I change it to upper case in my import statement my app breaks "No Provider For ...". Can someone please tell me why this is happening. I have no idea why!!!</p>