未捕獲（承諾）：錯誤：沒有 GooglePlus 的提供者

Question

我正在嘗試使用cordova-plugin-googleplus插件。

我已經閱讀了其他帖子，說要將插件添加為提供程序，但嘗試這樣做無濟於事。

當我嘗試訪問我的登錄頁面時，堆棧跟蹤出現此錯誤：

未捕獲運行時錯誤（承諾）：錯誤：GooglePlus 沒有提供程序：錯誤：GooglePlus 沒有提供程序！ 在 injectionError ( http://localhost:8100/build/vendor.js:1590:86 ) 在 noProviderError ( http://localhost:8100/build/vendor.js:1628:12 ) 在 ReflectiveInjector_。 throwOrNull ( http://localhost:8100/build/vendor.js:3129:19 ) 在 ReflectiveInjector 。 getByKeyDefault ( http://localhost:8100/build/vendor.js:3168:25 ) 在 ReflectiveInjector 。 getByKey ( http://localhost:8100/build/vendor.js:3100:25 ) 在 ReflectiveInjector .get ( http://localhost:8100/build/vendor.js:2969:21 ) 在 AppModuleInjector.get (ng: ///AppModule/module.ngfactory.js:332:145) 在 AppModuleInjector.getInternal (ng:///AppModule/module.ngfactory.js:615:44) 在 AppModuleInjector.NgModuleInjector.get ( http://localhost: 8100/build/vendor.js:3936:44 ) 在 LoginPageModuleInjector.NgModuleInjector.get ( http://localhost:8100/build/vendor.js:3937:52 )

堆棧跟蹤

Error: Uncaught (in promise): Error: No provider for GooglePlus!
Error: No provider for GooglePlus!
    at injectionError (http://localhost:8100/build/vendor.js:1590:86)
    at noProviderError (http://localhost:8100/build/vendor.js:1628:12)
    at ReflectiveInjector_._throwOrNull (http://localhost:8100/build/vendor.js:3129:19)
    at ReflectiveInjector_._getByKeyDefault (http://localhost:8100/build/vendor.js:3168:25)
    at ReflectiveInjector_._getByKey (http://localhost:8100/build/vendor.js:3100:25)
    at ReflectiveInjector_.get (http://localhost:8100/build/vendor.js:2969:21)
    at AppModuleInjector.get (ng:///AppModule/module.ngfactory.js:332:145)
    at AppModuleInjector.getInternal (ng:///AppModule/module.ngfactory.js:615:44)
    at AppModuleInjector.NgModuleInjector.get (http://localhost:8100/build/vendor.js:3936:44)
    at LoginPageModuleInjector.NgModuleInjector.get (http://localhost:8100/build/vendor.js:3937:52)
    at c (http://localhost:8100/build/polyfills.js:3:13535)
    at Object.reject (http://localhost:8100/build/polyfills.js:3:12891)
    at NavControllerBase._fireError (http://localhost:8100/build/vendor.js:45902:16)
    at NavControllerBase._failed (http://localhost:8100/build/vendor.js:45890:14)
    at http://localhost:8100/build/vendor.js:45945:59
    at t.invoke (http://localhost:8100/build/polyfills.js:3:9283)
    at Object.onInvoke (http://localhost:8100/build/vendor.js:4508:37)
    at t.invoke (http://localhost:8100/build/polyfills.js:3:9223)
    at r.run (http://localhost:8100/build/polyfills.js:3:4452)
    at http://localhost:8100/build/polyfills.js:3:14076

平台詳情

• 離子框架：3.6.1
• 離子應用程序腳本：2.1.4
• Angular 核心：4.1.3
• Angular 編譯器 CLI：4.1.3
• 節點：6.11.2
• 操作系統平台：Windows 10
• 導航器平台：Win32 用戶代理：Mozilla/5.0（Windows NT 10.0；Win64；x64）AppleWebKit/537.36（KHTML，如 Gecko）Chrome/60.0.3112.113 Safari/537.36

登錄.ts

import { Component } from '@angular/core';
//import { GooglePlus } from '@ionic-native/google-plus';
import { TranslateService } from '@ngx-translate/core';
import { IonicPage, NavController, ToastController } from 'ionic-angular';

import { User } from '../../providers/providers';
import { MainPage } from '../pages';

@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {
  // The account fields for the login form.
  // If you're using the username field with or without email, make
  // sure to add it to the type
  account: { username: string, password: string } = {
    username: '',
    password: ''
  };

  // Our translated text strings
  private loginErrorString: string;

  constructor(public navCtrl: NavController,
    public user: User,
    public toastCtrl: ToastController,
    public translateService: TranslateService,
//    private GooglePlus: GooglePlus
  ) {

    this.translateService.get('LOGIN_ERROR').subscribe((value) => {
      this.loginErrorString = value;
    })
  }

  // Attempt to login in through our User service
  doLogin() {
    this.user.login_basic(this.account).subscribe((resp) => {
      this.navCtrl.push(MainPage);
    }, (err) => {
      this.navCtrl.push(MainPage);
      // Unable to log in
      let toast = this.toastCtrl.create({
        message: this.loginErrorString,
        duration: 3000,
        position: 'top'
      });
      toast.present();
    });
  }

}

登錄模塊.ts

import { NgModule } from '@angular/core';
import { GooglePlus } from '@ionic-native/google-plus';
import { TranslateModule } from '@ngx-translate/core';
import { IonicPageModule } from 'ionic-angular';

import { LoginPage } from './login';

@NgModule({
  declarations: [
    LoginPage,
  ],
  imports: [
    IonicPageModule.forChild(LoginPage),
    TranslateModule.forChild()
  ],
  exports: [
    LoginPage
  ],
  providers: [
    GooglePlus,
  ],
})
export class LoginPageModule { }

Answer 1

您需要將GooglePlus提供程序添加到AppModule（app.module.ts）

Answer 2

將 GooglePlus 添加到the App.module.ts對我有用

@NgModule({

  ...

  providers: [
    
    GooglePlus,
    
    
  ],
  bootstrap: [AppComponent]
})

Answer 3

在 Angular 的情況下，應像這樣導入GooglePlus (app.module.ts)：

import { GooglePlus } from '@ionic-native/google-plus/ngx';

...

providers: [  
    GooglePlus,  
]