Can't resolve firebase and firebaseui while building with AOT

[REQUIRED] Describe your environment

• Operating System version: Ubuntu 18.04.1 LTS
• Browser version: Chrome 69.0.3497.81
• Firebase UI version: 3.4.0
• Firebase SDK version: 5.4.2

[REQUIRED] Describe the problem

While building a project with AOT. The modules can’t be resolved.

ERROR in ./src/app/app.module.ngfactory.js
Module not found: Error: Can't resolve 'firebase/index' in '/home/Projects/GitHub/FirebaseUI-Angular/src/app'
ERROR in ./src/app/app.module.ngfactory.js
Module not found: Error: Can't resolve 'firebaseui/dist/index' in '/home/Projects/GitHub/FirebaseUI-Angular/src/app'

Steps to reproduce:

Run the demo project of FirebaseUI-Angular with ng build --prod

Relevant Code:

src/app/app.module.ts

import * as firebase from 'firebase/app';
import * as firebaseui from 'firebaseui';

const firebaseUiAuthConfig: firebaseui.auth.Config = {
  signInFlow: 'popup',
  signInOptions: [
    firebase.auth.GoogleAuthProvider.PROVIDER_ID,
    {
      scopes: [
        'public_profile',
        'email',
        'user_likes',
        'user_friends'
      ],
      customParameters: {
        'auth_type': 'reauthenticate'
      },
      provider: firebase.auth.FacebookAuthProvider.PROVIDER_ID
    },
    firebase.auth.TwitterAuthProvider.PROVIDER_ID,
    firebase.auth.GithubAuthProvider.PROVIDER_ID,
    {
      requireDisplayName: false,
      provider: firebase.auth.EmailAuthProvider.PROVIDER_ID
    },
    firebase.auth.PhoneAuthProvider.PROVIDER_ID,
    firebaseui.auth.AnonymousAuthProvider.PROVIDER_ID
  ],
  tosUrl: '<your-tos-link>',
  privacyPolicyUrl: '<your-privacyPolicyUrl-link>',
  credentialHelper: firebaseui.auth.CredentialHelper.ACCOUNT_CHOOSER_COM
};

[LennyZ71]

@RaphaelJenni Getting this error now since angular 8.0.0. even with the exposed libraries.

npm.js:73 Uncaught TypeError: Cannot read property 'Promise' of undefined
    at da (npm.js:73)
    at npm.js:74
    at npm.js:425
    at Object../node_modules/firebaseui/dist/npm.js (npm.js:425)
    at __webpack_require__ (bootstrap:78)
    at Module../node_modules/firebaseui-angular/fesm2015/firebaseui-angular.js (firebaseui-angular.js:1)
    at __webpack_require__ (bootstrap:78)
    at Module../src/app/auth/auth.module.ts (app.module.ts:29)
    at __webpack_require__ (bootstrap:78)
    at Module../src/app/app.module.ts (app.component.ts:8)

[sgehrman]

Here’s the fix:

// currently there is a bug while building the app with --prod // - https://github.com/RaphaelJenni/FirebaseUI-Angular/issues/76 // the plugin exposes the two libraries as well. You can use those: import { FirebaseUIModule, firebase, firebaseui } from ‘firebaseui-angular’;