[7.2.0] Angular HMR: FirebaseError: Firestore has already been started and persistence can no longer be enabled

Version info

Angular: 13.2

Firebase: 9.6

AngularFire: 7.2

How to reproduce these conditions

Steps to set up and reproduce

• serve Angular project with ng serve --hmr
• make some change in the application

Debug output

** Errors in the JavaScript console **

FirebaseError: Firestore has already been started and persistence can no longer be enabled. You can only enable persistence before calling any other methods on a Firestore object.

Expected behavior

No errors.

Actual behavior

Project fails to run with the above error.

Might be related to #2655

[hakimio]

So, basically for Firestore error, similar workaround might work:

        provideFirestore(() => {
            const firestore = getFirestore();
            if (!firestore['_initialized']) {
                enableMultiTabIndexedDbPersistence(firestore);
            }

            return firestore;
        }),

and functions:

        provideFunctions(() => {
            const functions = getFunctions(getApp(), environment.firebase.region);
            if (!environment.production && !functions['emulatorOrigin']) {
                connectFunctionsEmulator(functions, environment.firebase.host, environment.firebase.port);
            }
            return functions;
        }),

[DibyodyutiMondal]

I won’t say I needed to disable hmr.

    const auth = getAuth(app);
    // check for dev mode, and if emulator config is set by previous hmr
    if (dev_mode && !auth.emulatorConfig) {
      connectAuthEmulator(auth, 'http://localhost:5001', { disableWarnings: true });
    }