要解决AngularFire和Firebase认证显示错误的问题，可以尝试以下解决方案：

1. 确保安装了正确的AngularFire和Firebase模块。可以使用以下命令安装它们：

npm install firebase @angular/fire

2. 确保在app.module.ts文件中正确导入和配置AngularFire和Firebase模块。示例如下：

import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { environment } from 'src/environments/environment';

@NgModule({
  imports: [
    AngularFireModule.initializeApp(environment.firebaseConfig),
    AngularFireAuthModule
  ],
  ...
})
export class AppModule { }

3. 确保在组件中正确导入和使用AngularFireAuth服务。示例如下：

import { AngularFireAuth } from '@angular/fire/auth';

@Component({
  ...
})
export class MyComponent {
  constructor(private afAuth: AngularFireAuth) { }

  login() {
    this.afAuth.signInWithEmailAndPassword(email, password)
      .then((userCredential) => {
        // 登录成功后的处理逻辑
      })
      .catch((error) => {
        // 处理登录错误
        console.log(error);
      });
  }
}

4. 检查Firebase配置是否正确。可以在环境配置文件（例如environment.ts）中检查Firebase配置是否正确。示例如下：

export const environment = {
  production: false,
  firebaseConfig: {
    apiKey: 'your-api-key',
    authDomain: 'your-auth-domain',
    projectId: 'your-project-id',
    storageBucket: 'your-storage-bucket',
    messagingSenderId: 'your-messaging-sender-id',
    appId: 'your-app-id'
  }
};

确保将上述配置替换为您自己的Firebase项目配置。

通过遵循上述步骤，您应该能够解决AngularFire和Firebase认证显示错误的问题。如果问题仍然存在，可以根据错误消息进一步调试和排查。