【发布时间】：2022-01-01 19:27:43
【问题描述】：
免责声明：我已经查看了这些帖子，但它们似乎没有回答我的问题： AngularFireModule and AngularFireDatabaseModule not being found in @angular/fire
No exported member error with firebase when trying to compile angular 10 project
ERROR in node_modules/@angular/fire/firebase.app.module.d.ts?
我的 package.json 中的当前角度依赖项：
"dependencies": {
"@angular/animations": "~13.0.0",
"@angular/common": "~13.0.0",
"@angular/compiler": "~13.0.0",
"@angular/core": "~13.0.0",
"@angular/fire": "^7.0.0",
"@angular/forms": "~13.0.0",
"@angular/platform-browser": "~13.0.0",
"@angular/platform-browser-dynamic": "~13.0.0",
"@angular/router": "~13.0.0",
"firebase": "^8.10.0",
"rxjs": "~7.4.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
进口和申报：
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import {firebase} from '@firebase/app';
import { AngularFireModule} from '@angular/fire/compat'
import { AngularFireDatabaseModule } from '@angular/fire/compat/database';
import { AngularFirestoreModule } from '@angular/fire/compat/firestore';
import { environment } from '../environments/environment';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomepageComponent } from './homepage/homepage.component';
import { AddPostComponent } from './components/add-post/add-post.component';
import { PostDetailsComponent } from './components/post-details/post-details.component';
import { PostListComponent } from './components/post-list/post-list.component';
@NgModule({
declarations: [
AppComponent,
HomepageComponent,
AddPostComponent,
PostDetailsComponent,
PostListComponent
],
imports: [
BrowserModule,
AppRoutingModule,
FormsModule,
AngularFireModule.initializeApp(environment.firebase),
AngularFirestoreModule,
AngularFireDatabaseModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
根据上述帖子，@angular/fire 和 firebase 的组合应该可以工作。我有 7.0.0+，这意味着我整理了 @angular/fire 模块的兼容部分，并且我有 firebase 8.X.X，我认为这是与 fire 7 一起使用的正确 firebase 级别。
我仍然收到以下错误列表：
./node_modules/@angular/fire/fesm2015/angular-fire.js:17:98-111 - Error: export 'isSupported' (imported as 'isSupported$1') was not found in 'firebase/messaging' (module has no exports)
./node_modules/@angular/fire/fesm2015/angular-fire.js:18:104-117 - Error: export 'isSupported' (imported as 'isSupported$2') was not found in 'firebase/remote-config' (module has no exports)
./node_modules/@angular/fire/fesm2015/angular-fire.js:84:29-36 - Error: export 'getApps' (imported as 'getApps') was not found in 'firebase/app' (possible exports: default)
有什么关于我不理解的 firebase 或我应该降级到的版本以使这个应用程序编译？
很抱歉，如果答案在发布的链接之一中，我只是不明白。如果可以避免的话，我会尽量避免将两个模块降级为较低版本，但如果这是唯一的答案，那就是唯一的答案。我只是想知道对于比我更熟练的人来说，我缺少什么明显的东西。
编辑：我知道如果我要导入 firebase，那么我需要导入 firebase/compat/**，但是如果您查看错误，这似乎是 @angular/fire 尝试导入这些模块的方式和我不知道如何强制它导入兼容性模块。
提前致谢。
【问题讨论】：
-
我不确定它是否能解决您的问题，但我遇到了类似的问题，安装
rxfire软件包为我解决了我的问题。 -
好吧，我必须说通过这个 repo 上的代码和版本github.com/angular/angularfire
标签： angular firebase angularfire