firebase-analytics 与 Angular 10，捆绑错误

Question

I'm having a hard time trying to update my project to Angular 10 from Angular 8. Everything is working fine, but Firebase Analytics from @angular/fire. It always returns: "loading chunk firebase-analytics failed.".

I'm not sure if it related to the given package or some other configuration that is incorrect.

There were some errors at the terminal about ES modules, which I added to allowedCommonJsDependencies at Angular.json , to skip compiling them, yet with no changes.

One thing that I find weird yet I'm not sure if is normal is that the analytics is not bundled together on the vendor chunk.

Would really appreciate any insights, thanks!

The errors that happens:

The bundles from the build:

Angular.json:

Package versions:

Answer 1

I would recommend updating first to Angular 9 so the update schematic can handle any breaking change for you, then update again to Angular 10.

Regarding Firebase analytics from angularfire , would be good to check your module imports, should be something like:

import { NgModule, Injectable } from '@angular/core';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { AngularFireFunctionsModule } from '@angular/fire/functions';
import { AngularFireMessagingModule } from '@angular/fire/messaging';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import { AngularFireStorageModule } from '@angular/fire/storage';

@Injectable()
@NgModule({
  imports: [
    AngularFireAuthModule,
    AngularFireFunctionsModule,
    AngularFireMessagingModule,
    AngularFirestoreModule,
    AngularFireStorageModule,
    // Other module imports
  ],
})
export class AppModule {}

One thing you could do is starting a new project and add only angular/fire to see if it is something related to the Angular update itself.