AngularFire2 - Cannot Find Module @firebase/database


Answer :

I think it has to do with an issue with npm. When using yarn to install the modules, everything works flawlessly.

yarn add angularfire2 firebase

tldr: Node: 8.4.0/npm: 5.2.0 has issues, yarn works


You could try with:

$ rm -rf node_modules/ $ npm install $ npm install angularfire2@latest --save

or to change AngularFireDatabaseModule by AngularFireDatabase.


I had no luck trying to reproduce your issue. I would suggest if this is still an issue for you trying the following:

  1. Check for differences between my configuration below and yours
  2. View the notes for configuring ionic3 here
  3. Reinstalling npm (sounds crazy but occasionally I do this and issues disappear and I see mine is a little newer than yours)

npm configuration

$npm ls -g --depth=0 /Users/pbrack/.nvm/versions/node/v8.5.0/lib ├── cordova@7.1.0 ├── cordova-check-plugins@3.0.1 ├── ionic@3.13.2 ├── ios-deploy@1.9.2 └── npm@5.4.2

Configuration Steps

$ ionic start angularfire2test blank $ npm install angularfire2 firebase --save

package.json

{   "name": "angularfire-test",   "version": "0.0.1",   "author": "Ionic Framework",   "homepage": "http://ionicframework.com/",   "private": true,   "scripts": {     "clean": "ionic-app-scripts clean",     "build": "ionic-app-scripts build",     "lint": "ionic-app-scripts lint",     "ionic:build": "ionic-app-scripts build",     "ionic:serve": "ionic-app-scripts serve"   },   "dependencies": {     "@angular/common": "4.4.3",     "@angular/compiler": "4.4.3",     "@angular/compiler-cli": "4.4.3",     "@angular/core": "4.4.3",     "@angular/forms": "4.4.3",     "@angular/http": "4.4.3",     "@angular/platform-browser": "4.4.3",     "@angular/platform-browser-dynamic": "4.4.3",     "@ionic-native/core": "4.3.0",     "@ionic-native/splash-screen": "4.3.0",     "@ionic-native/status-bar": "4.3.0",     "@ionic/storage": "2.0.1",     "angularfire2": "^5.0.0-rc.3",     "firebase": "^4.6.0",     "ionic-angular": "3.7.1",     "ionicons": "3.0.0",     "rxjs": "5.4.3",     "sw-toolbox": "3.6.0",     "zone.js": "0.8.18"   },   "devDependencies": {     "@ionic/app-scripts": "3.0.0",     "typescript": "2.3.4"   },   "description": "An Ionic project" }

app.module.ts

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 {MyApp} from './app.component'; import {HomePage} from '../pages/home/home';   import {AngularFireModule} from 'angularfire2'; import {AngularFireDatabaseModule, AngularFireDatabase} from 'angularfire2/database'; import {AngularFireAuthModule} from 'angularfire2/auth';   export const firebaseConfig = {   apiKey: "xxxxxxxxxx",   authDomain: "your-domain-name.firebaseapp.com",   databaseURL: "https://your-domain-name.firebaseio.com",   storageBucket: "your-domain-name.appspot.com",   messagingSenderId: '<your-messaging-sender-id>' };  @NgModule({   declarations: [     MyApp,     HomePage   ],   imports: [     BrowserModule,     IonicModule.forRoot(MyApp),     AngularFireModule.initializeApp(firebaseConfig),     AngularFireDatabaseModule,     AngularFireAuthModule   ],   bootstrap: [IonicApp],   entryComponents: [     MyApp,     HomePage   ],   providers: [     StatusBar,     SplashScreen,     AngularFireDatabase,     {provide: ErrorHandler, useClass: IonicErrorHandler}   ] }) export class AppModule { }

home.ts

import {Component} from '@angular/core'; import {AngularFireDatabase} from 'angularfire2/database'; import {Observable} from 'rxjs/Observable';  @Component({   selector: 'page-home',   templateUrl: 'home.html' }) export class HomePage {   items: Observable<any[]>;    constructor(afDB: AngularFireDatabase) {     this.items = afDB.list('cuisines').valueChanges();   }  }

Comments

Post a Comment

Popular posts from this blog

AspenTech InfoPlus 21 - How To Connect And Query Data

Image
Answer : InfoPlus21 is process historian containing list of templates of different tag structure e.g. IP_AnalogDef, IP_DescreteDef, IP_TextDef etc. Based on process tags from DCS/OPC/Any other historian, the IP21 records are created and each record acts as a table in historian. ANS1: Aspentech software is only windows based compatibility however IP21 aspenONE Process Explorer is web based and therefore you can access it over any operating system using host url. ANS2: you can try SELECT statement to get data from IP21 Historian using it's end-user component SQLPlus or on excel add-ins. e.g. SELECT NAME, IP_DESCRIPTION, IP_PLANT_AREA, IP_ENG_UNITS FROM IP_ANALOGDEF RESULTS: I hope this help you understand better. Otherwise you need to first learn the structure of your IP21 historian tags to build the query e.g. If it has customized structure, then you have to build your own. Welcome in industrial-IT ! For these technology, the best option is the 'AspenTech...
Read more

AngularJS $on Event Handler Trigger Order

Answer : Very good question. Event handlers are executed in order of initialization. I haven't really thought about this before, because my handlers never needed to know which one run first, but by the look of you fiddle I can see that the handlers are called in the same order in which they are initialized. In you fiddle you have a controller controllerA which depends on two services, ServiceA and ServiceB : myModule .controller('ControllerA', [ '$scope', '$rootScope', 'ServiceA', 'ServiceB', function($scope, $rootScope, ServiceA, ServiceB) {...} ] ); Both services and the controller define an event listener. Now, all dependencies need to be resolved before being injected, which means that both services will be initialized before being injected into the controller. Thus, handlers defined in the services will be called first, because service factories are initialized before contro...
Read more

ANALYZE TABLE..VALIDATE STRUCTURE Runs Forever

Answer : UPDATE: What Worked... So after reading the link from @Raj and reading @ora-600's answer I tried to validate the database with the RMAN command backup check logical validate database; . While this worked fine, it was also clear that it was not looking at everything that the ANALYZE INDEX command would. After trying many different variations, I finally discovered that this command would work: ANALYZE TABLE .. VALIDATE STRUCTURE CASCADE offline; Yep, just switching to OFFLINE appears to fix it. And that eventually led me to this bug# 5752105 on this page: http://www.eygle.com/case/10204_buglist.htm. I am not in a position to prove it right now (cannot apply any patches for the time being), but I strongly suspect that this is what I was running into. So while the question is not fully answered, I am going to mark @ora-600's very helpful answer as correct so that he can collect Paul White's very generous bounty. I think the article Raj quoted (https:...
Read more