ガード機能を使用しているログインページがあります。したがって、ユーザーが正しいデータ(ユーザー名とパス)を入力すると、彼はプロフィールページ/profile/profile.component.ts
にリダイレクトされます。1つのアプリケーションで2つのモジュールを使用すると、不正な状態のエラーが発生する
保護されたページ/コンポーネントのために余分なモジュール/profile/profile.component.ts
を使用し、ログインが成功したときにルータモジュールからそのモジュールにリダイレクトしたいと考えています。したがって、私はまず第1に、dashboard.module.ts
という新しい/第2のモジュールを生成しました。ここでは、アプリケーションコンポーネントapp.component
があります。
/src
/app
app.module.ts
app.component.ts
router.ts
/dashboard
/app
app.component.ts
dashboard.module.ts
dashborad.component.ts::/ダッシュボードの下に
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AppComponent } from 'app/dashboard/app/app.component';
@NgModule({
imports: [
CommonModule
],
exports: [
AppComponent
],
declarations: [AppComponent]
})
export class DashboardModule { }
app.component.ts:
import { Component, OnInit, NgModule } from '@angular/core';
@Component({
selector: 'app-app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
@NgModule({
exports:[]
})
export class AppComponent implements OnInit {
constructor() { }
ngOnInit() {}
}
私はせずにng serve
でアプリを起動することができますが構造は、次のようになりますエラーは発生しますが、AOT(Ahead of Time Compilation)を実行すると、次のエラーが発生します。
ERROR in Illegal state: Could not load the summary for directive AppComponent in /Users/user/Dev/dashboard-app/src/app/dashboard/app/app.component.ts.
私はapp.component.tsに輸出AppComponent
を追加します。
...
@NgModule({
exports:[AppComponent]
})
...
私は、このエラーに直面:
ERROR in Maximum call stack size exceeded
ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/Users/user/Dev/dashboard-app/src'
@ ./src/main.ts 3:0-74
@ multi ./src/main.ts
これをしてください修正するための任意のアイデア?または私は完全に間違った構造や間違った概念を構築していますか?