Angular 8 + Firebase: Cannot initialize project due to AngularFireModule.initializeApp(environment.firebase)

Question

I am having trouble in connecting Angular + Firebase due to this one line of code.

AngularFireModule.initializeApp(environment.firebase)

The error is: Property 'firebase' does not exist on type '{ production: boolean; }'.ts(2339) app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';

import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { AngularFirestoreModule, AngularFirestore } from 
'@angular/fire/firestore';

import { HomeComponent } from './home/home.component';
import { LoginComponent } from './login/login.component';
import { SignupComponent } from "./signup/signup.component"

import { AppComponent } from './app.component';
import { environment } from 'src/environments/environment';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    LoginComponent,
    SignupComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule,
    AngularFireModule.initializeApp(environment.firebase),
    AngularFireAuthModule,
    AngularFirestoreModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

If you need any more segments of code from my project please let me know. Any help or feedback is greatly appreciated. Thanks a lot!

Unheilig · Accepted Answer · 2020-06-12 00:42:09Z

3

I was able to resolve this issue by copy and pasting the content of environment.ts to environment.prod.ts, like this:

export const environment = {
  production: true,
  firebase: {
    apiKey: "...",
    authDomain: "project.firebaseapp.com",
    databaseURL: "https://project.firebaseio.com",
    projectId: "project",
    storageBucket: "project.appspot.com",
    messagingSenderId: "..."
  }
};

edited Jun 12, 2020 at 0:42

Unheilig

16.3k193 gold badges71 silver badges101 bronze badges

answered Jun 11, 2020 at 20:47

Julián Pérez Pesce

313 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kishan · Accepted Answer · 2020-02-11 01:46:47Z

2

Update your /src/environments/environment.ts file with your Firebase configuration: https://github.com/angular/angularfire/blob/master/docs/install-and-setup.md#3-add-firebase-config-to-environments-variable

answered Feb 11, 2020 at 1:46

Kishan

9356 silver badges12 bronze badges

Comments

Tee · Accepted Answer · 2023-12-31 02:09:11Z

1

Using environment.prod.ts worked!

answered Dec 31, 2023 at 2:09

Tee

213 bronze badges

1 Comment

Lars Rødal Over a year ago

This does not provide an answer to the question. Once you have sufficient reputation you will be able to comment on any post; instead, provide answers that don't require clarification from the asker. - From Review

Collectives™ on Stack Overflow

Angular 8 + Firebase: Cannot initialize project due to AngularFireModule.initializeApp(environment.firebase)

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related