找不到在 Angular 中导入 Firebase 身份验证

Posted

技术标签:

【中文标题】找不到在 Angular 中导入 Firebase 身份验证【英文标题】:Import Firebase auth in Angular not found 【发布时间】:2021-05-08 22:08:52 【问题描述】:
 import  auth  from 'firebase/app'; // not compiling

引发链接错误:

“在‘firebase/app’中找不到导出‘auth’”

版本:Angular:11.1.0、rxjs@6.6.3、firebase@8.2.5、firebase-tools@7.16.2


我卸载了@angularfire2、@types/firebase - 我认为它们可能会导致这个错误, 我对 angular 和 firebase 很陌生,并试图使 firebase google 身份验证正常工作,请帮忙!


【问题讨论】:

尝试使用'import auth = firebase.auth' 我应该去哪里试试??????而不是“从'firebase / app'导入auth;” ? @angularfire2 实际上已被弃用。为什么不为此使用官方的角度库? github.com/angular/angularfire/blob/master/docs/auth/… 【参考方案1】:

找到了解决办法:

import firebase from '@firebase/app';
import '@firebase/auth';

从这里:https://github.com/AnthonyNahas/ngx-auth-firebaseui/commit/73ca9b986cf0fa300898f3890e8ec4440005d7d9

【讨论】:

【参考方案2】:

首先你在环境中导入你所有的firebase配置(无论你想导入什么,因此以写入方式包含它)。

environment.ts

导出 const 环境 = 生产:假, 火力基地配置: apiKey: "", authDomain: "aaa.firebaseapp.com", 项目 ID:“social-43-23-1212, storageBucket: "social-app-df**131.appspot.com", messagesSenderId: "2234gsesert", appId: "*********", 测量 ID:“345334535” ; 现在在 app.module.ts 中添加 firebase

从“@angular/fire”导入 AngularFireModule ; 从“@angular/fire/auth”导入 AngularFireAuthModule ;

@NgModule( 进口:[ AngularFireModule.initializeApp (environment.firebaseConfig, '应用程序'), ] );

【讨论】:

嗨,谢谢,我这样做了,但仍然存在相同的错误..

以上是关于找不到在 Angular 中导入 Firebase 身份验证的主要内容,如果未能解决你的问题,请参考以下文章

在 Angular nx 项目中导入 JavaScript 模块

找不到模块:无法解析“firebase”

Vue 2;在“firebase/app”中找不到导出“默认”(导入为“firebase”)

Angular 2单元测试:自定义管道错误找不到管道

在 webpack 中导入 html 文件时找不到模块错误

找不到模块'serviceAccountKey.json'