Angularアプリが有効なルートを無効として認識するのはなぜですか?

JSON

NgModulesこのアプリには、基本的にコア(ヘッダー、フッター、ホームページ用)とauth認証用の2つの基本的な2つの基本的なルーティングのものがありますwildcardアプリを使用せずに完全にの間をルーティングしcomponentsます。無効なルーティングを導入すると、ロードされるコンポーネントはホームコンポーネントだけです。ヘッダーコンポーネントからルーティングしています。つまりrouterLink="/signin"、なぜこれが発生するのでしょうか。

以下は私のコードです、

CoreModule

@NgModule({
    declarations: [
      HeaderComponent,
      FooterComponent,
      SidenavLeftComponent,
      HomeComponent
    ],
    imports: [
      CommonModule,
      BrowserModule,
      BrowserAnimationsModule,
      MDBBootstrapModule.forRoot(),
      MDBBootstrapModulePro.forRoot(),
      NgbModule.forRoot(),
      AppRoutingModule
    ],
    exports: [
      HeaderComponent,
      FooterComponent,
      SidenavLeftComponent,
      HomeComponent,
      AppRoutingModule
        ],
    schemas: [ NO_ERRORS_SCHEMA ]
  })
  export class CoreModule { }

AppRoutingModule

const appRoutes: Routes = [
    { path: '', redirectTo: 'home' , pathMatch: 'full' },
    { path: 'home', component: HomeComponent },
    { path: 'not-found', component: NotFoundComponent, data: { message: 'We Could Not Serve Your Request!'}},
    { path: '**', redirectTo: '/not-found',  pathMatch: 'full'}
];
@NgModule({
    imports: [
      RouterModule.forRoot(appRoutes, {preloadingStrategy: PreloadAllModules})
    ],
    exports: [RouterModule]
    })
    export class AppRoutingModule {
    }

AuthModule

@NgModule({
  declarations: [
    SigninFormComponent,
    SignupRequestFormComponent,
  ],
  imports: [
    CommonModule,
    FormsModule,
    BrowserModule,
    BrowserAnimationsModule,
    MDBBootstrapModule,
    MDBBootstrapModulePro,
    NgbModule,
    AuthRoutingModule
  ]
})
export class AuthModule { }

AuthRoutingModule

const authRoutes: Routes = [
 { path: 'signin', component: SigninFormComponent },
 { path: 'signup', component: SignupRequestFormComponent }
];

@NgModule({
  imports: [
    RouterModule.forChild(authRoutes)
  ],
  exports: [RouterModule]
})
export class AuthRoutingModule { }

AppModule

@NgModule({
  declarations: [
    AppComponent,
    ErrorPageComponent,
    NotFoundComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpModule,
    CoreModule,
    AuthModule,
    AppRoutingModule
  ],
  providers: [
    MDBSpinningPreloader,
    UserService,
    ConfigService,
    AuthGuard,
    { provide: Http, useClass: AuthenticatedHttpService }
  ],
  bootstrap: [AppComponent],
})
export class AppModule { }
Shashank Gaurav

AppModule

 @NgModule({
    .....
    imports: [
     BrowserModule,
     BrowserAnimationsModule,
     FormsModule,
     HttpModule,
     CoreModule,
     AuthModule,
     AppRoutingModule
    ],

CoreModuleを最初にロードするため、AppRoutingModuleが最初にロードされ、すべての無効なルートとそこで定義されていないルートがwidlcard式にリダイレクトされます。

    const appRoutes: Routes = [
        { path: '', redirectTo: 'home' , pathMatch: 'full' },
        { path: 'home', component: HomeComponent },
        { path: 'not-found', component: NotFoundComponent, data: { message: 'We Could Not Serve Your Request!'}},
        { path: '**', redirectTo: '/not-found',  pathMatch: 'full'}
    ];

したがって、AppModule宣言でCoreModuleの前にAuthModuleをロードするか、AppRoutingModuleからワイルドカード式を削除してAuthRoutingModule内に配置する必要があります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

DateTime.parseがこの無効な入力を無効な日付として認識しないのはなぜですか?

分類Dev

RestAPIを介してNiFiリモートプロセスグループが有効または無効になっていることを確認する

分類Dev

承認を有効にしている場合、MongoDBをすべてのリモートIPに開くことが危険なのはなぜですか?

分類Dev

vuejsアプリでprefer-constルールが無効になっていないのはなぜですか?

分類Dev

GitHubの「プルリクエストレビュー」で[承認]ボタンが無効になっているのはなぜですか?

分類Dev

これが有効な日時として認識されないのはなぜですか?

分類Dev

Springブートアプリをherokuにプッシュしようとすると、「致命的なエラーコンパイル:無効なターゲットリリース:11」が返されるのはなぜですか

分類Dev

基本的なdjangoクエリを実行すると、int()例外エラーに対して無効なリテラルが表示されるのはなぜですか?

分類Dev

パッケージを使用してアプリが有効または無効になっているかどうかを確認します

分類Dev

Compizを有効にするとWindowsタイトルバーが無効になります-なぜですか?

分類Dev

Compizを有効にするとWindowsタイトルバーが無効になります-なぜですか?

分類Dev

PEVerifyが有効なコードを認識しないのはなぜですか?

分類Dev

デュアルブートを使用しているときに、Windows 8で高速ブートを無効にするのはなぜですか?

分類Dev

システムが無効なバージョンのアセンブリから型を読み込もうとしているのはなぜですか?

分類Dev

承認コードをアクセストークンと交換するときに、無効なトークン応答が返されるのはなぜですか?(スプリングブート、oauth2、紺碧)

分類Dev

OpenVPNが不要なルートを有効にするのはなぜですか?

分類Dev

トークンの有効期限が切れていても、InstagramiOSアプリが再度ログインを要求しないのはなぜですか?

分類Dev

アプリでSSLが有効になっていないと、AzureのPostgresサーバーへの接続が失敗するのはなぜですか?

分類Dev

アプリでSSLが有効になっていないと、AzureのMySQLサーバーへの接続が失敗するのはなぜですか?

分類Dev

Visual Studio 2019で「onpaste」が有効なJavaScriptイベントとして認識されないのはなぜですか?

分類Dev

リストがコピーであると認識されないリストのリストをループするのはなぜですか

分類Dev

IDEAがAndroidプロジェクトでJavaファイルを無効として表示するのはなぜですか?

分類Dev

スクリプトが有効な日付をユーザー入力として受け入れないのはなぜですか?

分類Dev

Rasperry PiでAngularアプリをビルドすると、マークが無効になります-ヒープ制限に近いコンパクトな割り当てに失敗しました-JavaScriptヒープのメモリが不足しています

分類Dev

フラスコCLIを使用してアプリを実行すると、「有効なFlaskアプリケーションが...から取得されませんでした」というエラーが表示されるのはなぜですか?

分類Dev

Javaスキャナーで無効な入力を入力すると、do-whileループが無限ループになるのはなぜですか?

分類Dev

OutEdgeListテンプレートパラメータとしてvecSを使用してadjacency_listをブーストすると、トラバーサルのエッジが無効になるのはなぜですか?

分類Dev

オブジェクトが有効なのに、SQL Serverテーブルの無効なオブジェクト名を取得するのはなぜですか?

分類Dev

THPを無効にすることの欠点は何ですか?また、多くのディストリビューションでデフォルトで有効になっているのはなぜですか?

Related 関連記事

  1. 1

    DateTime.parseがこの無効な入力を無効な日付として認識しないのはなぜですか?

  2. 2

    RestAPIを介してNiFiリモートプロセスグループが有効または無効になっていることを確認する

  3. 3

    承認を有効にしている場合、MongoDBをすべてのリモートIPに開くことが危険なのはなぜですか?

  4. 4

    vuejsアプリでprefer-constルールが無効になっていないのはなぜですか?

  5. 5

    GitHubの「プルリクエストレビュー」で[承認]ボタンが無効になっているのはなぜですか?

  6. 6

    これが有効な日時として認識されないのはなぜですか?

  7. 7

    Springブートアプリをherokuにプッシュしようとすると、「致命的なエラーコンパイル:無効なターゲットリリース:11」が返されるのはなぜですか

  8. 8

    基本的なdjangoクエリを実行すると、int()例外エラーに対して無効なリテラルが表示されるのはなぜですか?

  9. 9

    パッケージを使用してアプリが有効または無効になっているかどうかを確認します

  10. 10

    Compizを有効にするとWindowsタイトルバーが無効になります-なぜですか?

  11. 11

    Compizを有効にするとWindowsタイトルバーが無効になります-なぜですか?

  12. 12

    PEVerifyが有効なコードを認識しないのはなぜですか?

  13. 13

    デュアルブートを使用しているときに、Windows 8で高速ブートを無効にするのはなぜですか?

  14. 14

    システムが無効なバージョンのアセンブリから型を読み込もうとしているのはなぜですか?

  15. 15

    承認コードをアクセストークンと交換するときに、無効なトークン応答が返されるのはなぜですか?(スプリングブート、oauth2、紺碧)

  16. 16

    OpenVPNが不要なルートを有効にするのはなぜですか?

  17. 17

    トークンの有効期限が切れていても、InstagramiOSアプリが再度ログインを要求しないのはなぜですか?

  18. 18

    アプリでSSLが有効になっていないと、AzureのPostgresサーバーへの接続が失敗するのはなぜですか?

  19. 19

    アプリでSSLが有効になっていないと、AzureのMySQLサーバーへの接続が失敗するのはなぜですか?

  20. 20

    Visual Studio 2019で「onpaste」が有効なJavaScriptイベントとして認識されないのはなぜですか?

  21. 21

    リストがコピーであると認識されないリストのリストをループするのはなぜですか

  22. 22

    IDEAがAndroidプロジェクトでJavaファイルを無効として表示するのはなぜですか?

  23. 23

    スクリプトが有効な日付をユーザー入力として受け入れないのはなぜですか?

  24. 24

    Rasperry PiでAngularアプリをビルドすると、マークが無効になります-ヒープ制限に近いコンパクトな割り当てに失敗しました-JavaScriptヒープのメモリが不足しています

  25. 25

    フラスコCLIを使用してアプリを実行すると、「有効なFlaskアプリケーションが...から取得されませんでした」というエラーが表示されるのはなぜですか?

  26. 26

    Javaスキャナーで無効な入力を入力すると、do-whileループが無限ループになるのはなぜですか?

  27. 27

    OutEdgeListテンプレートパラメータとしてvecSを使用してadjacency_listをブーストすると、トラバーサルのエッジが無効になるのはなぜですか?

  28. 28

    オブジェクトが有効なのに、SQL Serverテーブルの無効なオブジェクト名を取得するのはなぜですか?

  29. 29

    THPを無効にすることの欠点は何ですか?また、多くのディストリビューションでデフォルトで有効になっているのはなぜですか?

ホットタグ

アーカイブ