Angular2 module has no exported member
<p>For a website with authentication in Angular2, I want to use a component of the authentication submodule in the main app component. However, I keep getting the following error: </p>

<p><code>app/app.component.ts(3,10): error TS2305: Module '"&lt;dir&gt;/app/auth/auth.module"' has no exported member 'SigninComponent'.</code></p>

<p>even after exporting SigninComponent.</p>

<p>The project folder structure is as shown below:</p>

<p><a href="https://i.stack.imgur.com/XP2zz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/XP2zz.png" alt="enter image description here"></a></p>

<p><strong>app/auth/auth.module.ts:</strong> </p>

<pre><code>import { NgModule }       from '@angular/core';
import { CommonModule }   from '@angular/common';
import { FormsModule }    from '@angular/forms';

import { RegisterComponent }    from './components/register.component';
import { SigninComponent }    from './components/signin.component';
import { HomeComponent }    from './components/home.component';

import { AuthService } from './services/auth.service';
import { AuthHttp } from './services/auth-http';

@NgModule({
  imports: [
      CommonModule,
      FormsModule
  ],
  declarations: [
      RegisterComponent,
      SigninComponent,
      HomeComponent
  ],
  providers: [
      AuthService,
      AuthHttp
  ],
  exports: [
      RegisterComponent,
      SigninComponent,
      HomeComponent
  ]
})
export class AuthModule {}
</code></pre>

<p><strong>app/auth/components/signin.component.ts:</strong></p>

<pre><code>import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from '../services/auth.service';

@Component({
    selector: 'signin',
    templateUrl: 'app/auth/signin.html'
})
export class SigninComponent {
    ...
}
</code></pre>

<p><strong>app/app.component.ts:</strong></p>

<pre><code>import { Component, OnInit } from '@angular/core';
import { Router, RouterOutlet } from '@angular/router';
import { SigninComponent, RegisterComponent } from './auth/auth.module';
import { AuthHttp } from './auth/services/auth-http';
import { AuthService } from './auth/services/auth.service';

@Component({
    selector: 'myapp',
    templateUrl: 'app/app.html'
})

export class AppComponent implements OnInit {
    ...
}
</code></pre>

<p><strong>app/app.module.ts:</strong></p>

<pre><code>import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';
import { HttpModule }    from '@angular/http';
import { RouterModule } from '@angular/router';
import { AppRoutingModule } from './app-routing.module';
import { AuthModule } from './auth/auth.module';

import { AppComponent } from './app.component';

import { AuthService } from './auth/services/auth.service';
import { AuthHttp } from './auth/services/auth-http';

@NgModule({
  declarations: [
      AppComponent,
      AuthService,
      AuthHttp
  ],
  bootstrap: [ AppComponent ],
  imports : [
      BrowserModule,
      FormsModule,
      HttpModule,
      AuthModule,
      AppRoutingModule
  ],
  providers: [
      AuthService,
      AuthHttp
  ]
})
export class AppModule {
}
</code></pre>