Javascript 页面路由没有'；t在有角度的情况下不能正常工作

我尝试在登录成功后重定向。但它有时起作用，有时不起作用。 我不明白为什么会这样。 我用的是metronic主题

这是我的代码：

验证模块死记硬背：

const routes: Routes = [
    {
        path: '',
        component: AuthComponent,
        children: [
            {
                path: '',
                redirectTo: 'login',
                pathMatch: 'full'
            },
            {
                path: 'login',
                component: LoginComponent,
                data: {returnUrl: window.location.pathname}
            },
            {
                path: 'register',
                component: RegisterComponent
            },
            {
                path: 'forgot-password',
                component: ForgotPasswordComponent,
            }
        ]
    }
];

应用程序模块路径：

const routes: Routes = [
    {path: 'auth', loadChildren: () => import('app/views/pages/auth/auth.module').then(m => m.AuthModule)},

    {
        path: '',
        component: BaseComponent,
        canActivate: [AuthGuard],
        children: [
            {
                path: 'dashboard',
                loadChildren: () => import('app/views/pages/dashboard/dashboard.module').then(m => m.DashboardModule),
            },
            {
                path: 'po-admin',
                loadChildren: () => import('app/views/pages/po-admin/po-admin.module').then(m => m.POAdminModule),
            },
            {
                path: 'mail',
                loadChildren: () => import('app/views/pages/apps/mail/mail.module').then(m => m.MailModule),
            },
            {
                path: 'ecommerce',
                loadChildren: () => import('app/views/pages/apps/e-commerce/e-commerce.module').then(m => m.ECommerceModule),
            },
            {
                path: 'ngbootstrap',
                loadChildren: () => import('app/views/pages/ngbootstrap/ngbootstrap.module').then(m => m.NgbootstrapModule),
            },
            {
                path: 'material',
                loadChildren: () => import('app/views/pages/material/material.module').then(m => m.MaterialModule),
            },
            {
                path: 'wizard',
                loadChildren: () => import('app/views/pages/wizard/wizard.module').then(m => m.WizardModule),
            },
            {
                path: 'error/403',
                component: ErrorPageComponent,
                data: {
                    type: 'error-v6',
                    code: 403,
                    title: '403... Access forbidden',
                    desc: 'Looks like you don\'t have permission to access for requested page.<br> Please, contact administrator',
                },
            },
            {path: 'error/:type', component: ErrorPageComponent},
            {path: '', redirectTo: 'dashboard', pathMatch: 'full'},
            {path: '**', redirectTo: 'dashboard', pathMatch: 'full'},
        ],
    },

    {path: '**', redirectTo: 'error/403', pathMatch: 'full'},
];

和授权守卫：

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
    constructor(
        private router: Router,
        private auth: AuthService
    ) { }

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
        const currentUser = this.auth.currentUserValue;
        if (currentUser) {
            // logged in then return true
            return true;
        }

        this.router.navigate(['/auth/login'], { queryParams: { returnUrl: state.url } });
        return false;
    }
}

当用户从配置文件身份验证服务调用注销方法中单击时：

logout() {
    // remove user from local storage to log user out
    localStorage.removeItem('currentUser');
    this.currentUserSubject.next(null);
}

那么，这应该是什么情况呢？ 谢谢你的帮助。 谢谢。

我找到了这个箱子

它与auth guard currentUser值有关。我忘记在身份验证服务登录实现后设置。我在获取用户后设置了下一个值

currentUserSubjectValue

：

this.currentUserSubject.next(user);

所以我就这样做了，然后就解决了：

login(email: string, password: string): Observable<User> {
    debugger;
    if (!email || !password) {
        return of(null);
    }
    return this.getAllUsers().pipe(
        map((result: User[]) => {
            if (result.length <= 0) {
                return null;
            }

            const user = find(result, (item: User) => {
                return (item.email.toLowerCase() === email.toLowerCase() && item.password === password);
            });

            if (!user) {
                return null;
            }

            user.password = undefined;
            localStorage.setItem('currentUser', JSON.stringify(user));
            this.currentUserSubject.next(user);
            return user;
        })
    );

登录（电子邮件：字符串，密码：字符串）：可观察{
调试器；
如果（！电子邮件| |！密码）{
返回（空）；
}
返回此.getAllUsers（）管道(
地图（（结果：用户[]）=>{
if（result.length{
返回（item.email.toLowerCase（）==email.toLowerCase（）&&item.password==password）；
});
如果（！用户）{
返回null；
}
user.password=未定义；
localStorage.setItem（'currentUser'，JSON.stringify（user））；
this.currentUserSubject.next（用户）；
返回用户；
})
);

我找到了这个箱子

关于auth guard currentUser值。我忘记在auth service login Implementation之后设置。在获取用户后，我设置了下一个值

currentUserSubjectValue

：

this.currentUserSubject.next(user);

所以我就这样做了，然后就解决了：

login(email: string, password: string): Observable<User> {
    debugger;
    if (!email || !password) {
        return of(null);
    }
    return this.getAllUsers().pipe(
        map((result: User[]) => {
            if (result.length <= 0) {
                return null;
            }

            const user = find(result, (item: User) => {
                return (item.email.toLowerCase() === email.toLowerCase() && item.password === password);
            });

            if (!user) {
                return null;
            }

            user.password = undefined;
            localStorage.setItem('currentUser', JSON.stringify(user));
            this.currentUserSubject.next(user);
            return user;
        })
    );

登录（电子邮件：字符串，密码：字符串）：可观察{
调试器；
如果（！电子邮件| |！密码）{
返回（空）；
}
返回此.getAllUsers（）管道(
地图（（结果：用户[]）=>{
if（result.length{
返回（item.email.toLowerCase（）==email.toLowerCase（）&&item.password==password）；
});
如果（！用户）{
返回null；
}
user.password=未定义；
localStorage.setItem（'currentUser'，JSON.stringify（user））；
this.currentUserSubject.next（用户）；
返回用户；
})
);