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!!!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dienstleistungen, die nicht brauchen, um Hinzugefügt werden, um die
exports
einer NgModule.provide
Sie in Ihrer CoreModule oder wie jetzt in Ihrem AppModule, sondern importieren diese aus Ihrer ursprünglichen Datei...Oder fügen Sie ein
export {AuthService} from '..File..'
zu Ihrem CoreModule.Können Sie nur
import
Komponenten und Dienstleistungen aus einer Datei, wo Sieexport
ed. Und Nicht, wo Sie sind in derexports
Abschnitt eines Moduls.. Es ist ein Typoskript Ding und nicht ein Eckiges Ding! 🙂import {xxx} from 'yyy'
ist meist typescritp/webpack Sache. Eckige@ngModule
die tatsächliche funktionale Gebäude. Leider sind beide erforderlich, um zu spielen, einfach und schön