router.navigate () не является функцией - PullRequest
Новая
       22

router.navigate () не является функцией

0 голосов
/ 12 апреля 2020

Я создаю приложение ioni c и использую angular маршрутизацию. Я хочу, чтобы мой успешный вход в систему привел к переходу приложения на мою страницу основных вкладок. Мой код прилагается ниже. Есть идеи, почему функция навигации не распознается? Я предполагаю, что модуль маршрутизации не импортируется должным образом, но IDE распознает его, поэтому я все еще потерялся.

Login.page.ts 

import { Component, OnInit } from '@angular/core';
import {FirebaseUISignInFailure, FirebaseUISignInSuccessWithAuthResult} from 'firebaseui-angular';
import { Storage } from '@ionic/storage';
import {RouterModule} from '@angular/router';
import {AppRoutingModule} from '../app-routing.module';


// tslint:disable-next-line:import-spacing

@Component({
  selector: 'app-login',
  templateUrl: './login.page.html',
  styleUrls: ['./login.page.scss'],
})
export class LoginPage implements OnInit {
  // tslint:disable-next-line:no-shadowed-variable
  constructor(private Storage: Storage, public router: RouterModule) { }

  ngOnInit() {
  }

  successCallback(signInSuccessData: FirebaseUISignInSuccessWithAuthResult) {
    this.Storage.set('uid',signInSuccessData.authResult.user.uid);
    this.router.navigate("['/tabs']");
  }

  errorCallback(errorData: FirebaseUISignInFailure) {

  }

}

Login.module.ts 

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

import { IonicModule } from '@ionic/angular';
import {IonicStorageModule} from '@ionic/storage';

import { LoginPageRoutingModule } from './login-routing.module';

import { LoginPage } from './login.page';

// tslint:disable-next-line:import-spacing

import {FirebaseUIModule, firebase, firebaseui} from 'firebaseui-angular';

import {AngularFireModule} from '@angular/fire';
import {AngularFireAuthModule} from '@angular/fire/auth';
import {environment} from '../../environments/environment';
import {AppComponent} from '../app.component';
import {RouterModule} from '@angular/router';
import {AppRoutingModule} from '../app-routing.module';
import {TabsPage} from '../tabs/tabs.page';

const firebaseUiAuthConfig: firebaseui.auth.Config = {
  signInFlow: 'popup',
  signInOptions: [
    firebase.auth.GoogleAuthProvider.PROVIDER_ID,
  ],
  tosUrl: 'google.com',
  privacyPolicyUrl: 'google.com',
  credentialHelper: firebaseui.auth.CredentialHelper.ACCOUNT_CHOOSER_COM
};

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    IonicStorageModule.forRoot(),
    LoginPageRoutingModule,
    RouterModule.forRoot([
      {path: 'tabs', component: TabsPage}
    ]),
    AngularFireModule.initializeApp(environment.firebase),
    AngularFireAuthModule,
    FirebaseUIModule.forRoot(firebaseUiAuthConfig)
  ],
  declarations: [LoginPage],
  bootstrap: [LoginPage]
})
export class LoginPageModule {
}

Ответы [ 2 ]

2 голосов
/ 12 апреля 2020

Вам нужно ввести Router, а не RouterModule 

  constructor(private router: Router) { }

, и функция навигации должна быть без "", 

 this.router.navigate(['/tabs']);
0 голосов
/ 12 апреля 2020

Похоже, вы забыли экспортировать модуль маршрутизации 

@NgModule({
  imports: [RouterModule.forRoot(
    [{path: 'tabs', component: TabsPage}]
  )],
  exports: [RouterModule]
})

экспортировать модуль маршрутизатора, добавив exports: [RouterModule] в @ NgModule.

И

  1. Измените импорт конструктора на constructor(private router: Router)
  2. Измените навигацию по маршрутизатору this.router.navigate("['/tabs']"); на this.router.navigate(['/tabs']);
...