Angular2 import von Komponenten/services-aus-Modul

Arbeite ich an einem Angular2 Letzte Anwendung, die (aktuell) hat zwei Module:

  • CoreModule: Enthält gemeinsam genutzte Komponenten, Dienstleistungen.
  • AppModule: Stamm-Modul der Anwendung

AppModule:

/**
 * Created by jamdahl on 9/21/16.
 */

//Angular Imports
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {HttpModule} from '@angular/http';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {CoreModule} from '../core-module/core.module';
import {UserService, AuthService, AuthComponent} from '../core-module/core.module';

//Components
import {HomePageComponent} from './components/home-page.component';

//import {enableProdMode} from '@angular/core';
//enableProdMode();

@NgModule({
    imports: [
        BrowserModule,
        HttpModule,
        FormsModule,
        ReactiveFormsModule,
        CoreModule
    ],
    declarations: [
        AuthComponent,
        HomePageComponent
    ],
    providers: [
        AuthService,
        UserService
    ],
    bootstrap: [
        HomePageComponent
    ]
})
export class AppModule {}

CoreModule:

/**
 * Created by jamdahl on 9/21/16.
 */

//Angular imports
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {HttpModule} from '@angular/http';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';

//Class imports
import {User} from './classes/user.class';
import {Alert} from './classes/alert.class';

//Service imports
import {AuthService} from './services/auth.service';
import {UserService} from './services/user.service';

//Component imports
import {AuthComponent} from './components/auth.component';
import {SignInComponent} from './components/signin.component';
import {SignUpComponent} from './components/signup.component';

//import {enableProdMode} from '@angular/core';
//enableProdMode();

@NgModule({
    imports: [
        BrowserModule,
        HttpModule,
        FormsModule,
        ReactiveFormsModule
    ],
    declarations: [
        AuthComponent,
        SignInComponent,
        SignUpComponent
    ],
    providers: [],
    exports: [
        User,
        Alert,
        AuthService,
        UserService,
        AuthComponent
    ]
})
export class CoreModule {}

Wenn ich versuche es zu starten, bekomme ich die folgende:

FEHLER bei ./src/view/app /-module/- app.- Modul.ts (11,9): Fehler TS2305:
Modul
'"/Users/jamdahl/Web/Web-Scratch/Angular2-Express-Mungo/src/view/core-Modul/core.Modul"'
hat nicht exportiert Mitglied "UserService'.

FEHLER in
./src/view/app /-module/- app.- Modul.ts (11,22): Fehler TS2305: Modul
'"/Users/jamdahl/Web/Web-Scratch/Angular2-Express-Mungo/src/view/core-Modul/core.Modul"'
hat nicht exportiert Mitglied "AuthService'.

FEHLER in
./src/view/app /-module/- app.- Modul.ts (11,35): Fehler TS2305: Modul
'"/Users/jamdahl/Web/Web-Scratch/Angular2-Express-Mungo/src/view/core-Modul/core.Modul"'
hat nicht exportiert Mitglied "AuthComponent'.

Irgendwelche Ideen, warum dies nicht funktioniert? Mein Ziel ist es hier, zu definieren, bestimmte Komponenten/Dienstleistungen, die in einem Modul wiederverwendet werden in anderen Modulen, die ich erstelle. Brauchen, um herauszufinden, den richtigen Weg, dies zu tun...

Danke für jede Hilfe!!!

InformationsquelleAutor jrdnmdhl | 2016-09-21
Schreibe einen Kommentar