运行我的Ionic应用程序时出现此错误:
Can't resolve all parameters for LoggedinPage: (?, [object Object], [object Object]).
在构造函数中调用authService(可注入类型)时。
奇怪的是,它的工作在其他类完全完美!
loggedinpage:(有问题)
import { Component, ViewChild, ViewChildren, ElementRef } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Chart } from 'chart.js';
import { AuthService } from '../../core/auth.service';
@Component({
selector: 'page-loggedin',
templateUrl: 'loggedin.html',
})
export class LoggedinPage {
@ViewChild('barCanvas') barCanvas: ElementRef;
barChart: any;
constructor(public auth: AuthService, public navCtrl: NavController, public navParams: NavParams)
{
}
}
联系人页面:(工作正常)
import { Component, ViewChild, ViewChildren, ElementRef } from '@angular/core';
import { NavController } from 'ionic-angular';
import { AuthService } from '../../core/auth.service';
import { Chart } from 'chart.js';
@Component({
selector: 'page-contact',
templateUrl: 'contact.html'
})
export class ContactPage{
constructor(public navCtrl: NavController, public auth: AuthService)
{
}
}
类authService:
import { LoggedinPage } from './../pages/loggedin/loggedin';
import { HomePage } from './../pages/home/home';
import { ContactPage } from './../pages/contact/contact';
import { AuthGuard } from './auth.guard';
import { Injectable } from '@angular/core';
import { Router, RouterModule } from '@angular/router';
import { LoadingController, AlertController, NavController } from 'ionic-angular';
import * as firebase from 'firebase/app';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from 'angularfire2/firestore';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/observable/of';
import { GooglePlus } from '@ionic-native/google-plus';
import { NativeStorage } from '@ionic-native/native-storage';
import { Facebook } from '@ionic-native/facebook';
interface OliveandOil
{
olivequantity: number;
oilquantity: number;
}
interface OliveandOilYear
{
year: number;
}
interface User
{
uid: string;
email: string;
photoURL?: string;
displayName?: string;
}
@Injectable()
export class AuthService
{
user: Observable<User>;
client: any;
winobj: any = null;
FB_APP_ID: number = XXXXXXXXX;
key: number = 0;
objects = {};
constructor(private afAuth: AngularFireAuth, private nativeStorage: NativeStorage, private afs: AngularFirestore, private router: Router, public loadingCtrl: LoadingController, private googlePlus: GooglePlus, public alertCtrl: AlertController, public fb: Facebook, public navCtrl: NavController)
{
this.googleLoginSilent();
this.afAuth.authState.subscribe(user =>
{
if(user)
{
this.user = this.afAuth.authState; //this means alert('fire user logged in');
}
else
{
Observable.of(null); //this means alert('fire user logged out');
}
}
);
}
}
请注意,authService功能已被删除,因为它们是大量的,不需要用于此特定查询。
我使用的是vscode,在构造函数中提到authService时,它没有显示任何“红色”或错误。
你知道为什么它不能在同一个类中解决它吗?
谢谢你
import { NgModule } from '@angular/core';
import { AuthService } from './auth.service';
import { AngularFireAuthModule } from 'angularfire2/auth';
import { AngularFirestoreModule } from 'angularfire2/firestore';
@NgModule({
imports: [
AngularFireAuthModule,
AngularFirestoreModule
],
providers: [AuthService]
})
export class CoreModule { }
最佳答案
你遇到了一个循环依赖。
LoggedinPage => AuthService => LoggedinPage
从
import { LoggedinPage } from './../pages/loggedin/loggedin';
中删除AuthService
应该可以修复它。