2017-04-27 22 views
9

आयनिक 2 ऐप में फेसबुक लॉगिन करने का प्रयास कर रहा है, लेकिन मेरे ऐप के निर्माण के दौरान यह त्रुटि मिली। इसे हल करने में मेरी सहायता करें।मॉड्यूल में कोई निर्यात किया गया सदस्य 'IonicNativePlugin', Ionic2 फेसबुक के लिए

[13:17:52] transpile शुरू कर दिया ... [13:17:58] टाइपप्रति: डी: /royalworkspace/newfblogin/node_modules/@ionic-native/facebook/index.d.ts, लाइन: 1 मॉड्यूल '"डी:/रॉयलवर्क स्पेस/न्यूफब्लॉगिन/नोड_मोड्यूल/@ आयनिक-नेटिव/कोर/इंडेक्स" में कोई निर्यात सदस्य ' आयनिकनेटिव प्लगइन 'नहीं है।

L1: import { IonicNativePlugin } from '@ionic-native/core'; 
    L2: export interface FacebookLoginResponse { 

- Home.ts -

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { Facebook, FacebookLoginResponse } from '@ionic-native/facebook'; 
@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, private facebook: Facebook) { 

    } 

    Login(){ 
    this.facebook.login(['email']).then((Response) =>{ 
     alert('loged in'); 
     alert(JSON.stringify(Response.authResponse)); 
    },(error) => { 
     alert(error); 
    }) 
    } 
LoginDetails(){ 
    this.facebook.getLoginStatus().then((response) => { 
     if (response.status == "connected") { 
     this.facebook.api('/' + response.authResponse.userID + '?fields=id,name,gender', []).then((response) =>{ 
      alert(JSON.stringify(response)); 
     }, (error) =>{ 
      alert(error); 
     }) 
     } 
     else{ 
     alert('not loged in'); 
     }   
    }) 
    } 
    Logout(){ 
    this.facebook.logout().then((Response) => { 
     alert(JSON.stringify(Response)); 
    }, (error) =>{ 
     alert(error); 
    }) 
    } 

} 

- home.html -

<ion-content padding> 
    <button ion-button outline (click)="Login()">Login</button> 
<button ion-button outline (click)="LoginDetails()">Login Details</button> 
<button ion-button outline (click)="Logout()">Logout</button> 

</ion-content> 

- app.module -

import { BrowserModule } from '@angular/platform-browser'; 
import { ErrorHandler, NgModule } from '@angular/core'; 
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular'; 
import { SplashScreen } from '@ionic-native/splash-screen'; 
import { StatusBar } from '@ionic-native/status-bar'; 
import { Facebook, FacebookLoginResponse } from '@ionic-native/facebook'; 
import { MyApp } from './app.component'; 
import { HomePage } from '../pages/home/home'; 

@NgModule({ 
    declarations: [ 
    MyApp, 
    HomePage 
    ], 
    imports: [ 
    BrowserModule, 
    IonicModule.forRoot(MyApp) 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    MyApp, 
    HomePage 
    ], 
    providers: [ 
    StatusBar, 
    SplashScreen,Facebook, 
    {provide: ErrorHandler, useClass: IonicErrorHandler} 
    ] 
}) 
export class AppModule {} 
+0

क्या आप अपनी 'package.json' फ़ाइल दिखा सकते हैं? – Sampath

+0

आप इसे भी देख सकते हैं: http://stackoverflow.com/a/43171634/1077309 – Sampath

+0

**** एक ही त्रुटि प्राप्त करें **** मॉड्यूल '"डी:/रॉयलवर्क स्पेस/फेसबुक लॉजिक-मास्टर/नोड_मोड्यूल/@ आयनिक-मूल/कोर/इंडेक्स "ने सदस्य 'IonicNativePlugin' निर्यात नहीं किया है। एल 1: '@ आयनिक-मूल/कोर' से आयात {IonicNativePlugin}; एल 2: निर्यात इंटरफ़ेस FacebookLoginResponse { –

उत्तर

34

IonicNativePlugin आयनिक-मूल/कोर के नए संस्करण में जोड़ा गया था, इसलिए मुझे इसे एक अनइंस्टॉल करना था और 3.6.1 है जो नवीनतम स्थापित करना था, और अब प्लगइन निर्यात हो गया है और सब कुछ ठीक काम करता है।

इसके साथ स्वयं को बचाएं।

npm uninstall --save @ionic-native/core 
npm install --save @ionic-native/[email protected] 
+0

धन्यवाद कि मेरे लिए काम करें ... –

+0

'getDetails(): शून्य {this.fb.getLoginStatus()। (तब (प्रतिक्रिया) => {चेतावनी ('स्टॉस =' + प्रतिक्रिया.स्टैटस) अगर (प्रतिक्रिया.स्टैटस == 'कनेक्टेड') {this.fb.api ('/' + response.authResponce.userID + '? फ़ील्ड = आईडी, नाम, लिंग', [])। फिर ((प्रतिक्रिया) = > {चेतावनी (JSON.stringify (प्रतिक्रिया)); चेतावनी ('एपीआई दर्ज करें')}, (त्रुटि) => {चेतावनी (त्रुटि);})} अन्य {चेतावनी ('लॉग इन नहीं है)}}}} ' ****** यह मेरा getDetails() है जो किसी भी उपयोगकर्ता डेटा को वापस नहीं कर रहा है, स्थिति दिखाता है **** –

+0

क्या आप समस्या पर विस्तार कर सकते हैं? क्या यह तय है? –

4

एक ही समस्या में चला गया और इसे खराब हो गया @ionic-native/core नवीनतम संस्करण के लिए निर्भरता को अपग्रेड करके राजा (इस समय 3.6.1 पर)।

0

नीचे चलाएं और उसके बाद आपको app.module.ts फ़ाइल में प्रदाता जोड़ने की आवश्यकता है।

npm install @ionic-native/core --save 
0

अपने पैकेज.जेसन (प्रोजेक्ट रूट फ़ोल्डर में) में, संस्करण के सामने^से छुटकारा पाएं। तो यदि आपके पास "@ आयनिक-मूल/कोर" जैसा कुछ है: "^ 3.4.2", इसे "@ आयनिक-मूल/मूल" में बदलें: "3.4.2"।

सहेजें फ़ाइल, और चलाने के NPM जमाना और फिर आयनिक सेवा करते हैं।

संबंधित मुद्दे