Angular12 モジュール '"@angular/fire"' にエクスポートされたメンバー 'AngularFireModule' がありません。

Question

前提・実現したいこと

Angular12 にFirebaseを連携させてログイン認証を行いたく、
接続させようと試みたところ、タイトルのエラーが出力され解決できない
状態です。

発生している問題・エラーメッセージ

import { AngularFireModule } from '@angular/fire';  

モジュール '"@angular/fire"' にエクスポートされたメンバー 'AngularFireModule' がありません

  imports: [
    AngularFireModule.initializeApp(environment.firebase),
    BrowserModule,
....

環境

Angular CLI: 12.1.4
Node: 14.17.4
Package Manager: npm 6.14.14
OS: darwin x64

Angular: 12.1.5
... animations, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1200.5
@angular-devkit/build-angular   12.1.4
@angular-devkit/core            12.1.4
@angular-devkit/schematics      12.1.4
@angular/cdk                    12.2.7
@angular/cli                    12.1.4
@angular/fire                   7.0.4
@angular/material               12.2.7
@schematics/angular             12.1.4
rxjs                            6.6.7
typescript                      4.3.5

試したこと

参考

ng add @angular/fire

//中身は追加しています。
export const environment = {
  production: false,
  
  firebase: { 
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "f",
    messagingSenderId: "",
    appId: "",
    measurementId: ""
  }
};

Answer 1

AngularFireの公式ドキュメントの4.Setup @NgModule for the AngularFireModuleの項 を見ると、import 元は
@angular/fire
ではなく
@angular/fire/compat
になっています。
v7.0 から変更になったようです。
参照

Comments

[A4UxdAF799hT6WT]

確認不足でした、無事起動できました。ありがとうございます。