Ошибка Guarding Маршруты в угловых CLI

Question

ОС: Linux x64 Ubuntu 16,04

Угловые версии

• угловой кли: 1.0.0-beta.24
• узел: 7.2.0
• NPM : 3.10.9

Я создал проект с Угловым CLI, но проблема в том, что когда я обновляю страницу, текущий маршрут нарушен, это происходит когда я использую CanActivate в путях моих маршрутов, я не мог использовать его, и он работает, но я должен защищать маршруты.

Это мой код в app.routing.ts

const routes: Routes = [ 
    { path: '', component: LoginComponent }, 
    { path: 'reports', component: ReportsComponent, canActivate: [AuthGuard] }, 
    { path: 'reports/thirds', component: ReportThirdsComponent, canActivate: [AuthGuard] }, 
    { path: 'reports/profit-loss', component: ReportProfitLossComponent, canActivate: [AuthGuard] }, 
    { path: 'reports/balance', component: ReportBalanceComponent, canActivate: [AuthGuard] }, 
]; 

Answer 1

Что касается вашего файла app.routing.ts, я думаю, что все правильно. Предположим, что ваш файл AuthGuard что-то вроде этого:

export class AuthGuard implements CanActivate { canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : Observable <boolean> | boolean{ return true|false; } }

Проблема может быть в файле app.module.ts. Обязательно иметь свою охрану в разделе поставщиков. Вы проверили, что у вас в этом файле раздел поставщиков, как это?

providers: [AuthGuard],