2017-05-04 16 views
13

क्षमा करें क्योंकि मैं सभी जानकारी को शामिल करने का बेहतर तरीका नहीं सोच सकता ... जब मैं इसे चलाता हूं, तो मुझे निम्न कहने में त्रुटि मिलती है। मैंने आईओनिक डॉक्स का टी टी का पालन किया है, मैं यह नहीं समझ सकता कि संभवतः क्या गलत हो सकता है।AngularFireDatabase के लिए कोई प्रदाता, AngularFireAuth

त्रुटि:

No provider for AngularFireDatabase!

Error

Package.json Package

App.module.ts App.Module

home.html Home HTML

Home.ts Home TS

+3

कृपया टेक्स्ट की तस्वीरें साझा न करें। इसके बजाय पाठ को साझा करें और इसे प्रारूपित करने के लिए स्टैक ओवरफ़्लो/मार्कडाउन के स्वरूपण विकल्प का उपयोग करें (cmd/ctrl k यहां आपका मित्र है)। –

उत्तर

41

AngularDatabase (AngularAuth के लिए एक ही) अपने स्वयं के मॉड्यूल AngularFireDatabaseModule को अलग किया जाता है (AngularFireAuthModule AngularAuth के लिए) संस्करण [email protected] से, प्रलेखन here देखना ।

आप अपने RootModule में AngularFireDatabaseModule (प्रमाणीकरण के लिए AngularFireAuthModule) आयात करना चाहिए।

import { AngularFireModule } from 'angularfire2'; 
// for AngularFireDatabase 
import { AngularFireDatabaseModule } from 'angularfire2/database'; 
import { AngularFireDatabase, FirebaseObjectObservable } from 'angularfire2/database'; 
// for AngularFireAuth 
import { AngularFireAuthModule } from 'angularfire2/auth'; 
import { AngularFireAuth } from 'angularfire2/auth'; 

@NgModule({ 
    imports: [ 
    AngularFireModule.initializeApp({   <---- main module 
     apiKey: ..., 
     authDomain: '...', 
     databaseURL: '...', 
     storageBucket: '...', 
     messagingSenderId: '...' 
    }),          
    AngularFireDatabaseModule,    <---- for database 
    AngularFireAuthModule      <---- for auth 
    ] 
}) 
+0

ठीक है, मैंने यह किया, सभी त्रुटियों से छुटकारा पा लिया (अच्छा!) हालांकि, यह अभी भी फायरबेस के लिए जानकारी नहीं पढ़ रहा है? – Slabach

+0

@ स्लैबच शायद आपके फायरबेस की कॉन्फ़िगरेशन में कुछ गड़बड़ है। मैंने अपनी उदाहरण परियोजना में [email protected]+ से [email protected]+ को अपडेट किया है, और देखें कि यह अच्छी तरह से काम करता है। – Pengyy

+0

धन्यवाद, आप कमाल हैं !! –

11

अंदर app.module.ts नीचे जोड़ें:

import { AngularFireModule } from 'angularfire2'; 

import { AngularFireDatabaseModule } from 'angularfire2/database'; 

फिर नीचे के रूप में आयात:

@NgModule({ 
    declarations: [ 
    MyApp, 
    HomePage 
    ], 
    imports: [ 
    BrowserModule, 
    IonicModule.forRoot(MyApp), 
    AngularFireModule.initializeApp(firebaseConfig), 
    AngularFireDatabaseModule 
    ], 

अंदर home.ts के रूप में नीचे उपयोग:

import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database'; 

items: FirebaseListObservable<any[]>; 

    constructor(public navCtrl: NavController, db: AngularFireDatabase) { 
     this.items = db.list('/items'); 
    } 

मेरे आयोनिक जानकारी:

Ionic Framework: 3.1.1 
Ionic App Scripts: 1.3.7 
Angular Core: 4.0.2 
Angular Compiler CLI: 4.0.2 
Node: 6.10.1 
OS Platform: macOS Sierra 
3

app.module.ts में प्रदाताओं सरणी में यह जोड़ें -

imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    RouterModule.forRoot(appRoutes), 
    AngularFireModule.initializeApp(firebaseConfig) 
    ], 
    providers: [AuthService,**AngularFireAuth, AngularFireDatabase**, AuthGuard, InventoryService] 
0

मैं अपने कोणीय आवेदन में इस त्रुटि थी। यह मेरा ऑटो-आयात आयातित AngularFirebase 'angularfire2/database-deprecated' से आयात करता है। -deprecated साफ़ करने से मेरी समस्या हल हो गई। आप भी अपने आयात की जांच करना चाह सकते हैं।

3

यकीन FireBaseDatabaseModule से angularfire2/डेटाबेस-पदावनत आयात किया जाता है यदि आप FireBaseDatabase का उपयोग करके से angularfire2/डेटाबेस-पदावनत

और उपाध्यक्ष प्रतिकूल।समस्या सिर्फ क्योंकि वे एक ही पैकेज के हैं की जरूरत आयात बयान के बेमेल है या तो

angularfire2/डेटाबेस या angularfire2/डेटाबेस-पदावनत

अगर आप पहले और से डेटाबेस आयात करने का प्रयास करेंगे दूसरे पैकेज या इसके विपरीत से मॉड्यूल। यह इसे डेटाबेस मॉड्यूल या डेटाबेस के रूप में नहीं पहचान पाएगा।

------------ जड़ मॉड्यूल -------------

import { AngularFireDatabaseModule } from "angularfire2/database-deprecated" 
    imports: [ 
     BrowserModule, 
     RouterModule.forRoot(appRoutes), 
     FormsModule, 
     AngularFireModule, 
     AngularFireDatabaseModule, 
     AngularFireAuthModule, 
     AngularFireModule.initializeApp(environment.firebase)  
] 

------- सेवा वर्ग --- ---------

import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated"; 
संबंधित मुद्दे