title: ionic: module has no exported member
body: <p>I am a newbie of ionic framework, just started now. I am working on windows. I created my app with this command:</p>
  
  <pre><code>ionic start ionic-welcome tabs
  ionic serve
  </code></pre>
  
  <p>I create a new page with below command</p>
  
  <pre><code>ionic g page welcome
  </code></pre>
  
  <p>I get this response in my console:</p>
  
  <blockquote>
    <p>[OK] Generated a page named welcome!</p>
  </blockquote>
  
  <p>updated app.module.ts for welcome page:</p>
  
  <pre><code>import { NgModule, ErrorHandler } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
  import { MyApp } from './app.component';
  
  import { Welcome } from '../pages/welcome/welcome';
  import { AboutPage } from '../pages/about/about';
  import { ContactPage } from '../pages/contact/contact';
  import { HomePage } from '../pages/home/home';
  import { TabsPage } from '../pages/tabs/tabs';
  
  import { StatusBar } from '@ionic-native/status-bar';
  import { SplashScreen } from '@ionic-native/splash-screen';
  
  @NgModule({
    declarations: [
      MyApp,
      Welcome,
      AboutPage,
      ContactPage,
      HomePage,
      TabsPage
    ],
    imports: [
      BrowserModule,
      IonicModule.forRoot(MyApp)
    ],
    bootstrap: [IonicApp],
    entryComponents: [
      MyApp,
      Welcome,
      AboutPage,
      ContactPage,
      HomePage,
      TabsPage
    ],
    providers: [
      StatusBar,
      SplashScreen,
      {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
  })
  export class AppModule {}
  </code></pre>
  
  <p>But when i browse to localhost:8100 i am getting this error for "welcome page". </p>
  
  <blockquote>
    <p>Module
    '"C:/xampp/htdocs/ionic/ionic-welcome/src/pages/welcome/welcome"' has
    no exported member 'Welcome'.</p>
  </blockquote>
  
  <p>package.json:</p>
  
  <pre><code>{
    "name": "ionic-welcome",
    "version": "0.0.1",
    "author": "Ionic Framework",
    "homepage": "http://ionicframework.com/",
    "private": true,
    "scripts": {
      "clean": "ionic-app-scripts clean",
      "build": "ionic-app-scripts build",
      "lint": "ionic-app-scripts lint",
      "ionic:build": "ionic-app-scripts build",
      "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
      "@angular/common": "4.1.3",
      "@angular/compiler": "4.1.3",
      "@angular/compiler-cli": "4.1.3",
      "@angular/core": "4.1.3",
      "@angular/forms": "4.1.3",
      "@angular/http": "4.1.3",
      "@angular/platform-browser": "4.1.3",
      "@angular/platform-browser-dynamic": "4.1.3",
      "@ionic-native/core": "3.12.1",
      "@ionic-native/splash-screen": "3.12.1",
      "@ionic-native/status-bar": "3.12.1",
      "@ionic/storage": "2.0.1",
      "ionic-angular": "3.6.0",
      "ionicons": "3.0.0",
      "rxjs": "5.4.0",
      "sw-toolbox": "3.6.0",
      "zone.js": "0.8.12"
    },
    "devDependencies": {
      "@ionic/app-scripts": "2.1.3",
      "typescript": "2.3.4"
    },
    "description": "An Ionic project"
  }
  </code></pre>
  
  <p>Some says to remove '^' character from package.json but don't have one. I am out of options don't know what to do next, please help.
  <a href="https://i.stack.imgur.com/DfYAV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DfYAV.png" alt="enter image description here"></a></p>