angular firebase build error when try ionic build

create a crud application with ionic 3 and firebase
building a ionic firebase app step by step
ionic with firebase integration
ionic themes firebase
ionic firebase examples
ionic theme firebase
ionic 4 firebase offline
connect firebase with ionic 4

I got error when I tried to build ionic app. Actually it wasn't a problem when I build in local, but when I check build status in ionic website, I got a bellow error.

using angular5, ionic3

typescript: node_modules/angularfire2/firebase.app.module.d.ts, line: 10 Class 'FirebaseApp' incorrectly implements interface 'FirebaseApp'. Property 'automaticDataCollectionEnabled' is missing in type 'FirebaseApp'.

   L9:  export declare const FirebaseAppConfigToken: InjectionToken;
  L10:  export declare class FirebaseApp implements FBApp {
  L11:      name: string;

I have no idea. Should I downgrade firebase version?

UPDATE

I edited firebase.app.module.d.ts like the answer, but I got another error now. I edited .gitignore like this.

node_modules/*
!node_modules/angularfire2/firebase.app.module.d.ts

npm WARN angularfire2@5.0.0-rc.6.0 requires a peer of @firebase/app@^0.1.6 but none was installed.

npm ERR! Invalid tar header. Maybe the tar is corrupted or it needs to be gunzipped?

npm ERR! A complete log of this run can be found in: npm ERR! /home/gitlab-runner/.npm/_logs/2018-04-20T07_49_29_110Z-debug.log

I solved with npm install @firebase/app@0.1.10. Error doesn't happen and build success.

angular firebase build error when try ionic build - ionic-v3, I got error when I tried to build ionic app. Actually it wasn't a problem when I build in local, but when I check build status in ionic website, I got a  I am using Firebase@5.7.2 and AngularFire 5.1.1 with Ionic-angular@3.9.2, and I am facing the same issue as you @jtpdev. It is impossible to build the ionic project with the --prod flag. The build process freezes at the same step you mentioned.

I solved this problem adding this line:

automaticDataCollectionEnabled: boolean;

on the file:

node_modules/angularfire2/firebase.app.module.d.ts

Final result:

import { InjectionToken } from '@angular/core';
import { FirebaseAppConfig } from './';
import { FirebaseApp as FBApp } from '@firebase/app-types';
import { FirebaseAuth } from '@firebase/auth-types';
import { FirebaseDatabase } from '@firebase/database-types';
import { FirebaseMessaging } from '@firebase/messaging-types';
import { FirebaseStorage } from '@firebase/storage-types';
import { FirebaseFirestore } from '@firebase/firestore-types';
export declare const FirebaseAppConfigToken: InjectionToken<FirebaseAppConfig>;
export declare class FirebaseApp implements FBApp {
    name: string;
    options: {};
    automaticDataCollectionEnabled: boolean; // missing line
    auth: () => FirebaseAuth;
    database: () => FirebaseDatabase;
    messaging: () => FirebaseMessaging;
    storage: () => FirebaseStorage;
    delete: () => Promise<any>;
    firestore: () => FirebaseFirestore;
}
export declare function _firebaseAppFactory(config: FirebaseAppConfig, appName?: string): FirebaseApp;

Error building to production with ionic 3 and AngularFireDatabase , Hello, i'm trying to build to production an ionic application but when i try to Error building to production with ionic 3 and AngularFireDatabase #1970 I try remove firebase import and remove it of my package.json as well. I started using firebase in my Ionic App. I started using firebase in my Ionic App. Everything works and I can use the app in the browser.

You have to add the property automaticDataCollectionEnabled to the FirebaseApp class (node_modules/angularfire2/firebase.app.module.d.ts).

export declare class FirebaseApp implements FBApp {
   name: string;
   options: {};
   automaticDataCollectionEnabled: boolean; // add it like this
   auth: () => FirebaseAuth;
   database: () => FirebaseDatabase;
   messaging: () => FirebaseMessaging;
   storage: () => FirebaseStorage;
   delete: () => Promise<any>;
   firestore: () => FirebaseFirestore;
}

Ionic production build fails. · Issue #1124 · angular/angularfire · GitHub, Version info Angular: 4.1.3 Firebase: 4.3.0 AngularFire: 4.0.0-rc.2 Doing a dev build with 'ionic build' or testing the app with 'ionic serve' works fine. but when I tried to push a production build it seems like webpack failed. When it comes to building an Ionic app with a solid backend, the current choice for many people is Firebase, and most of the time combined with AngularFire. And for reasons. The process of connecting an Angular app to Firebase is fairly easy in combination with the great AngularFire

 npm i @firebase/app@^0.1.6

This worked for me. As the warning says, firebase/app needs to be installed separately. Did the same and my project compiled successfully.

Building a CRUD Ionic application with Firestore ·, cd Development/ ionic start firestore-example blank --type=angular cd firestore-​example. After we create the app we'll need to install Firebase, for that, open your terminal again If you try to run your app it's going to give you an error that says: Take your Ionic + Firebase skills to the next level with this free Ionic tutorial. Learn about Angular 2 Firebase as you create an app using Ionic 2 + AngularFire2.

I'm getting this error while running this command "ionic cordova , r/ionic: Build amazing mobile, web, and desktop apps all with one shared code base and open web standards. "build". Error: Cannot find module '@angular/​compiler/src/compiler'. Error: Cannot have you tried npm i ? level 2 I have made easy to follow tutorials for ionic with firebase (using AngularFire) with Example. Firebase continues to be the leading hosting platform in Ionics 2018 Developer Survey and it's no wonder - getting started is super easy and you get the benefits of a real backend in only minutes! In this tutorial we will walk through the steps of creating an Ionic App using the AngularFire package to connect our App to Firebase.

Error error object object ionic 4, Problems: When generating a static web page via ionic build and copy the files 2 and I am trying to upload an image in firebase storage and the angularfire 2  Ionic 4 Firebase with Angular-Build PWA, Native Android, iOS 4.6 (42 ratings) Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.

How to Build An Ionic 4 App with Firebase and AngularFire 5 , Cordova — Cordova is a framework that builds the HTML, CSS and JS/TS code into an app. Since Angular is also integrated into Ionic, we can use ngModel to easily link Firebase has everything, from authorization to a database to file Another added feature you can do is show an error message right  In this Ionic 5 Firebase and Angular 8 tutorial, we will learn how to build CRUD (Create, Read, Update, Delete) app. In this doctor’s appointment CRUD mobile application, we will learn how to store app data in the Firebase Real-time NoSQL Database.

Comments
  • I've already done like that, but the problem is when I edit this firebase.app.module.d.ts file, because I work with ionic pro and it execute automatically npm install. So even though I edit, it go back to before.
  • Should I edit the file, firebase.app.module.d.ts? Cause it’s not what I made.
  • Ofring, I edited exactly like that, but I got another error. npm WARN angularfire2@5.0.0-rc.6.0 requires a peer of @firebase/app@^0.1.6 but none was installed. npm ERR! Invalid tar header. Maybe the tar is corrupted or it needs to be gunzipped? npm ERR! A complete log of this run can be found in: npm ERR! /home/gitlab-runner/.npm/_logs/2018-04-20T07_49_29_110Z-debug.log
  • I actually changed like that and add to git but still same error occurs.
  • Is there a work around because this doesn't fix it for our CI since we are editing the node_modules. What is the last working version?