1. 安装firebase和firebaseui版本兼容的AngularFire和firebaseui-angular库。例如：

   npm install firebase@7.24.0 @angular/fire@^6.0.0 firebaseui-angular@4.3.1
   

2. 在app.module.ts中导入必要模块：

   import { AngularFireModule } from '@angular/fire'; 
   import { AngularFireAuthModule } from '@angular/fire/auth'; 
   import { firebase } from './firebase.config'; 
   import { FirebaseUIModule } from 'firebaseui-angular'; 
   import { firebaseUIConfig } from './firebase-ui.config'; 
   
   @NgModule({ 
      imports: [ 
         AngularFireModule.initializeApp(firebase), 
         AngularFireAuthModule, 
         FirebaseUIModule.forRoot(firebaseUIConfig) 
      ], 
   }) 
   export class AppModule { }
   

3. 创建firebase.config.ts来导出你的 firebase 配置：

   export const firebase = { 
      apiKey: "your-key", 
      authDomain: "your-project-authdomain", 
      databaseURL: "your-database-url", 
      projectId: "your-project-id", 
      storageBucket: "your-storage-bucket", 
      messagingSenderId: "your-messaging-sender-id" 
   };
   

4. 创建firebase-ui.config.ts来配置firebaseui-angular：

   import {FirebaseUISignInFlow, FirebaseUISignInSuccessWithAuthResult} from 'firebaseui-angular';
   
   export const firebaseUIConfig = { 
      signInFlow: FirebaseUISignInFlow.Popup, 
      signInSuccessWithAuthResult: FirebaseUISignInSuccessWithAuthResult, 
      signInOptions: [ 
         firebase.auth.GoogleAuthProvider.PROVIDER_ID, 
         firebase.auth.EmailAuthProvider.PROVIDER_ID 
      ], 
      tosUrl: '/terms', 
      privacyPolicyUrl: '/privacy', 
      credentialHelper: 'none' 
   };
   

这些步骤可用于解决AngularFire 7和firebaseUi 5之间的兼容性问题。