我试图在新创建的项目中使用firebaseui:
我使用vue cli 3创建项目,我正在使用PWA和TypeScript [在此处输入图像说明] [1] [1]:https://i.stack.imgur.com/bYugV.png。
我成功连接到Firebase并从Firestore检索数据。
但是我无法理解如何使用firebaseui(我之前在没有PWA和TypeScript的简单项目中使用过firebaseui)
当我尝试初始化firebaseui时,我收到下一个编译错误:
找不到模块'firebaseui'的声明文件。 'C:/Users/dan/WebstormProjects/travelQuestWebTS/travel-quest/node_modules/firebaseui/dist/npm.js' impl icitly有'any'类型。
我尝试向tsconfig.json文件添加noImplicitAny标志
“noImplicitAny”:false,
然后删除编译错误,但现在我收到运行时错误:
挂钩时出错:“TypeError:firebase.initializeApp不是 函数“
我的initFirebaseui功能
export const startFirebaseUi = (classId:string) =>{
// init firebaseui
uiConfig = {
signInSuccessUrl: '/',
signInOptions: [
firebase.auth.GoogleAuthProvider.PROVIDER_ID,
firebase.auth.EmailAuthProvider.PROVIDER_ID
],
}
fireaseUI = new firebaseui.auth.AuthUI(firebase.auth())
fireaseUI.start(classId, uiConfig)
}