Ошибка реализации дочерних маршрутов в angular 6

Я получаю ошибку ниже при реализации дочерних маршрутов для моего проекта. Я не нашел помощи на GitHub и других сайтах.

ERROR Error: Uncaught (in promise): SecurityError: Failed to execute 'pushState' on 'History': A history state object with URL 'http://%28routes%29/' cannot be created in a document with origin 'http://localhost:4200' and URL 'http://localhost:4200/'. Error: Failed to execute 'pushState' on 'History': A history state object with URL 'http://%28routes%29/' cannot be created in a document with origin 'http://localhost:4200' and URL 'http://localhost:4200/'.

Здравствуйте, не могли бы вы показать нам, как вы настраивали свои маршруты?

Fundhor 10.09.2018 11:13

Это поможет нам найти ваш ответ, если вы добавите свою реализацию кода в свой вопрос.

John Velasquez 10.09.2018 11:13

Попробуйте использовать импорт стратегии маршрутизации на основе хэша [RouterModule.forRoot (routes, {useHash: true})]

Suresh Kumar Ariya 10.09.2018 11:14

const appRoutes: Routes = [{path: '', component: HomeComponent, canActivate: [AuthGuard], children: [{path: '', component: CutoffValidationComponent}, {path: 'CutoffValidation', component: CutoffValidationComponent}, {path : 'routes', component: RoutesComponent}, {path: 'cutoffs', component: CutoffsComponent}]}, {path: 'login', component: LoginComponent}, {path: '**', redirectTo: ''}] ; экспорт const routing = RouterModule.forRoot (appRoutes, {enableTracing: false});

user3505972 15.10.2018 12:02
0
4
1 481
2

Ответы 2

const appRoutes: Routes = [
    { path: '', component: HomeComponent, canActivate: [AuthGuard], 
        children: [
            {path: '', component: CutoffValidationComponent},
            {path: 'CutoffValidation', component: CutoffValidationComponent},
            {path: 'routes', component: RoutesComponent},
            {path: 'cutoffs', component: CutoffsComponent},
            {path: 'piece', component: PiecesComponent},
            {path: 'flights', component: FlightsComponent}

        ]
    },
    { path: 'login', component: LoginComponent },

    // otherwise redirect to home
    { path: '**', redirectTo: '' }
];

export const routing = RouterModule.forRoot(appRoutes, { enableTracing: false });

Вот как я настроил маршруты.

У меня была такая же проблема, и она была вызвана отсутствием косой черты '/' перед строкой ссылки маршрутизатора. Чтобы быть более ясным, у меня была проблема, когда ссылка была определена как:

<mat-list-item><a class="mat-h3 menu-link" [routerLink]="['about']">About</a></mat-list-item>

Проблема исчезла, когда я исправил ее на:

<mat-list-item><a class="mat-h3 menu-link" [routerLink]="['/about']">About</a></mat-list-item>

Другие вопросы по теме