FirebaseError: 403 PERMISSION_DENIED when creating installation with Firebase Emulator in Angular project

Question

I am working on an Angular project and have recently installed the Firebase Emulator.

I am trying to create an installation in Firebase.

Still, I am getting the error

'FirebaseError: Installations: Create Installation request failed with error "403 PERMISSION_DENIED: The caller does not have permission" (installations/request-failed)'

.

I have added the code:

app-module.ts

provideAuth(() => {
      const auth = getAuth();
      if (environment.useEmulators) {
        connectAuthEmulator(auth, 'http://localhost:9099');
      }
      return auth;
    }),

to the provided auth, but the error persists. What could be causing this issue, and how can I fix it?

Is there any configuration I need to do for Firebase Emulator and Angular project for a successful installation?

Thanks for the help in advance!

Answer 1

This could be a conflict within your Firebase config when initializing the app:

const firebaseConfig = {
  apiKey: <API_KEY>,
  authDomain: '<projectId>.firebaseapp.com',
  projectId: '<fake-project-Id>',
  ...
};

In emulator you might be trying to use a fake projectId, however your remaining configuration are still pointing to your real project in Firebase.

To fix it, just use a different config for emulator:

if (environment.useEmulators) {
  firebaseConfig = {
    apiKey: <API_KEY>,
    authDomain: '<fake-project-Id>',
    projectId: '<fake-project-Id>',
    ...
  };
}