Angular 2 Module has no exported member

Question

Here I am again, hoping to find a quick solution to this:

Link <- Click on this link to see the folder structure

//main.ts
import {bootstrap}    from 'angular2/platform/browser';
import {AppComponent} from './home.main';
import {InputComponent} from './home.controller';
import {enableProdMode} from 'angular2/core';


bootstrap(InputComponent);
bootstrap(AppComponent);

This is my main.ts file where I import the AppComponent from home main, now the home.main looks like this:

import {Component} from 'angular2/core';

    @Component({
    selector:'home',
    templateUrl:'/index/index.ejs'
    })

    export class InputComponent {
      name = 'test';
     }

However, when I run this, I get: error TS2305: Module '"controllers/home/home.main"' has no exported member 'AppComponent'. ( Same goes for home.controller ).

Thank you, Alex S.

Answer 1

I had this issue even when I had correctly exported the class on my other file. Rebooting my machine fixed it.

Answer 2

If you see this error in any @angular modules like router, core, then make sure it is because of the version mismatch of the libraries. Generally all your @angular modules should be of the same version except router.

for Ex:

    "@angular/common": "2.2.3",
    "@angular/compiler": "2.2.3",
    "@angular/core": "2.2.3",
    "@angular/platform-browser": "2.2.3",
    "@angular/platform-browser-dynamic": "2.2.3",
    "@angular/router": "^3.3.0" <= Version mismatch***

the following combination throws following error

has no exported member

I changed the router version to

"@angular/router": "^3.0.0"

The error is resolved.

So, until everything is stable stick with your working combination.

Answer 3

You should have something like that in your home.main module:

@Component({
  (...)
})
export class AppComponent {
}