angular маршрут не найден на страницах маршрута - PullRequest
Новая
       4

angular маршрут не найден на страницах маршрута

1 голос
/ 11 февраля 2020

Я новый в angular. Я пытаюсь перенаправить свой angular проект среди страниц. Когда я go других страниц, я иду на домашнюю страницу (http://localhost: 4200 ). Я искал какое-то решение проблемы, но никогда не решал проблему. Может быть, мои страницы маршрутизации не находят правильный путь? Здесь app.routing.module.ts 

import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';
const routes: Routes = [
  {
    path: '',
    children: [
      {path: '', pathMatch: 'full', redirectTo: 'dashboard'},
      {path: 'dashboard', loadChildren: './pages/dashboard/dashboard.module#DashboardModule'},
      {path: 'issue', loadChildren: './pages/issue/issue.module#IssueModule'},
      {path: 'project', loadChildren: './pages/project/project.module#ProjectModule'}
    ]
  },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {
}

app.component. html

<div>
<h1>
Welcome to {{title}}!
</h1>
</div>
<router-outlet></router-outlet>

Здесь app.module.ts 

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppComponent} from './app.component';
import {AppRoutingModule} from './app.routing.module';



@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

панель инструментов. module 

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { DashboardComponent } from './dashboard.component';
    import { DashboardRoutingModule } from './dashboard.routing.module';



    @NgModule({

      imports: [
        CommonModule,
        DashboardRoutingModule,
       ],
      declarations: [DashboardComponent]
    })
    export class DashboardModule { }
dahsboard.routing.module.ts
import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';
import {DashboardComponent} from './dashboard.component';

const routes: Routes = [
  {
    path: '',
    component: DashboardComponent
  }
];

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

Мой идеал - eclipse, потому что я работаю над java ee и angular плагином, загруженным в eclipse.

1 Ответ

0 голосов
/ 11 февраля 2020

Ваши ленивые загрузочные модули импортируются по-старому. Этот импорт, вероятно, не рекомендуется для вашей Angular версии.

old: loadChildren: './pages/dashboard/dashboard.module#DashboardModule'

==>

new: loadChildren: import('./pages/dashboard/dashboard.module') .then(mod => mod.DashboardModule)

Попробуйте это: 

const routes: Routes = [
    {path: '', pathMatch: 'full', redirectTo: 'dashboard'},
    {path: 'dashboard', loadChildren: import('./pages/dashboard/dashboard.module')
         .then(mod => mod.DashboardModule),
     ...
];
...