文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >拆除Vue项目中的消防站但保留消防基地

问拆除Vue项目中的消防站但保留消防基地
EN

Stack Overflow用户
提问于 2022-04-09 08:23:48
回答 1查看 38关注 0票数 0

我正在从Firestore切换到MongoDB，现在我正在尝试删除App.vue文件中对它的引用。我还在使用Firebase auth。

它在控制台错误中这样说：

vue.runtime.esm.js?2b0e:619 Vue警告: beforeMount钩子中的错误："FirebaseError: Firebase: No Firebase App 'DEFAULT‘已经创建--调用Firebase App.initializeApp() (app/no-app)。

我的beforeMount()从来没有App.initializeApp()，我正试图找出它需要去哪里，但什么都没有用。我真的很困惑，为什么这一个组件在移除对Firestore的引用之后不像预期的那样运行，因为我的所有其他组件都工作得很好。任何建议都是非常感谢的。

完全控制台错误：

代码语言：javascript
复制
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in beforeMount hook: "FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app)."

found in

---> <Index> at src/components/Index.vue
       <App> at src/App.vue
         <Root>
warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1893
globalHandleError @ vue.runtime.esm.js?2b0e:1888
handleError @ vue.runtime.esm.js?2b0e:1848
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1871
callHook @ vue.runtime.esm.js?2b0e:4235
mountComponent @ vue.runtime.esm.js?2b0e:4058
Vue.$mount @ vue.runtime.esm.js?2b0e:8459
init @ vue.runtime.esm.js?2b0e:3137
merged @ vue.runtime.esm.js?2b0e:3322
createComponent @ vue.runtime.esm.js?2b0e:6022
createElm @ vue.runtime.esm.js?2b0e:5969
patch @ vue.runtime.esm.js?2b0e:6560
Vue._update @ vue.runtime.esm.js?2b0e:3963
updateComponent @ vue.runtime.esm.js?2b0e:4081
get @ vue.runtime.esm.js?2b0e:4495
run @ vue.runtime.esm.js?2b0e:4570
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4326
eval @ vue.runtime.esm.js?2b0e:1989
flushCallbacks @ vue.runtime.esm.js?2b0e:1915
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1942
nextTick @ vue.runtime.esm.js?2b0e:1999
queueWatcher @ vue.runtime.esm.js?2b0e:4418
update @ vue.runtime.esm.js?2b0e:4560
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
eval @ vue-router.esm.js?8c4f:2989
eval @ vue-router.esm.js?8c4f:2988
updateRoute @ vue-router.esm.js?8c4f:2409
eval @ vue-router.esm.js?8c4f:2263
eval @ vue-router.esm.js?8c4f:2397
step @ vue-router.esm.js?8c4f:2001
step @ vue-router.esm.js?8c4f:2008
runQueue @ vue-router.esm.js?8c4f:2012
eval @ vue-router.esm.js?8c4f:2392
step @ vue-router.esm.js?8c4f:2001
eval @ vue-router.esm.js?8c4f:2005
eval @ vue-router.esm.js?8c4f:2379
eval @ vue-router.esm.js?8c4f:2127
eval @ vue-router.esm.js?8c4f:2203
Promise.then (async)
eval @ vue-router.esm.js?8c4f:2150
eval @ vue-router.esm.js?8c4f:2171
eval @ vue-router.esm.js?8c4f:2171
flatMapComponents @ vue-router.esm.js?8c4f:2170
eval @ vue-router.esm.js?8c4f:2106
iterator @ vue-router.esm.js?8c4f:2357
step @ vue-router.esm.js?8c4f:2004
step @ vue-router.esm.js?8c4f:2008
runQueue @ vue-router.esm.js?8c4f:2012
confirmTransition @ vue-router.esm.js?8c4f:2387
transitionTo @ vue-router.esm.js?8c4f:2260
init @ vue-router.esm.js?8c4f:2980
beforeCreate @ vue-router.esm.js?8c4f:1298
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1863
callHook @ vue.runtime.esm.js?2b0e:4235
Vue._init @ vue.runtime.esm.js?2b0e:5018
Vue @ vue.runtime.esm.js?2b0e:5099
eval @ main.js?56d7:30
./src/main.js @ app.js:1225
__webpack_require__ @ app.js:854
fn @ app.js:151
1 @ app.js:1262
__webpack_require__ @ app.js:854
checkDeferredModules @ app.js:46
(anonymous) @ app.js:994
(anonymous) @ app.js:997
vue.runtime.esm.js?2b0e:1897 FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app).
    at app (index.esm.js?cc84:356:1)
    at Object.serviceNamespace [as auth] (index.esm.js?cc84:406:1)
    at VueComponent.beforeMount (Index.vue?b484:544:1)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1863:1)
    at callHook (vue.runtime.esm.js?2b0e:4235:1)
    at mountComponent (vue.runtime.esm.js?2b0e:4058:1)
    at VueComponent.Vue.$mount (vue.runtime.esm.js?2b0e:8459:1)
    at init (vue.runtime.esm.js?2b0e:3137:1)
    at merged (vue.runtime.esm.js?2b0e:3322:1)
    at createComponent (vue.runtime.esm.js?2b0e:6022:1)
logError @ vue.runtime.esm.js?2b0e:1897
globalHandleError @ vue.runtime.esm.js?2b0e:1888
handleError @ vue.runtime.esm.js?2b0e:1848
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1871
callHook @ vue.runtime.esm.js?2b0e:4235
mountComponent @ vue.runtime.esm.js?2b0e:4058
Vue.$mount @ vue.runtime.esm.js?2b0e:8459
init @ vue.runtime.esm.js?2b0e:3137
merged @ vue.runtime.esm.js?2b0e:3322
createComponent @ vue.runtime.esm.js?2b0e:6022
createElm @ vue.runtime.esm.js?2b0e:5969
patch @ vue.runtime.esm.js?2b0e:6560
Vue._update @ vue.runtime.esm.js?2b0e:3963
updateComponent @ vue.runtime.esm.js?2b0e:4081
get @ vue.runtime.esm.js?2b0e:4495
run @ vue.runtime.esm.js?2b0e:4570
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4326
eval @ vue.runtime.esm.js?2b0e:1989
flushCallbacks @ vue.runtime.esm.js?2b0e:1915
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1942
nextTick @ vue.runtime.esm.js?2b0e:1999
queueWatcher @ vue.runtime.esm.js?2b0e:4418
update @ vue.runtime.esm.js?2b0e:4560
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
eval @ vue-router.esm.js?8c4f:2989
eval @ vue-router.esm.js?8c4f:2988
updateRoute @ vue-router.esm.js?8c4f:2409
eval @ vue-router.esm.js?8c4f:2263
eval @ vue-router.esm.js?8c4f:2397
step @ vue-router.esm.js?8c4f:2001
step @ vue-router.esm.js?8c4f:2008
runQueue @ vue-router.esm.js?8c4f:2012
eval @ vue-router.esm.js?8c4f:2392
step @ vue-router.esm.js?8c4f:2001
eval @ vue-router.esm.js?8c4f:2005
eval @ vue-router.esm.js?8c4f:2379
eval @ vue-router.esm.js?8c4f:2127
eval @ vue-router.esm.js?8c4f:2203
Promise.then (async)
eval @ vue-router.esm.js?8c4f:2150
eval @ vue-router.esm.js?8c4f:2171
eval @ vue-router.esm.js?8c4f:2171
flatMapComponents @ vue-router.esm.js?8c4f:2170
eval @ vue-router.esm.js?8c4f:2106
iterator @ vue-router.esm.js?8c4f:2357
step @ vue-router.esm.js?8c4f:2004
step @ vue-router.esm.js?8c4f:2008
runQueue @ vue-router.esm.js?8c4f:2012
confirmTransition @ vue-router.esm.js?8c4f:2387
transitionTo @ vue-router.esm.js?8c4f:2260
init @ vue-router.esm.js?8c4f:2980
beforeCreate @ vue-router.esm.js?8c4f:1298
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1863
callHook @ vue.runtime.esm.js?2b0e:4235
Vue._init @ vue.runtime.esm.js?2b0e:5018
Vue @ vue.runtime.esm.js?2b0e:5099
eval @ main.js?56d7:30
./src/main.js @ app.js:1225
__webpack_require__ @ app.js:854
fn @ app.js:151
1 @ app.js:1262
__webpack_require__ @ app.js:854
checkDeferredModules @ app.js:46
(anonymous) @ app.js:994
(anonymous) @ app.js:997

firebase/db.js；

代码语言：javascript
复制
import firebase from 'firebase';
import 'firebase/firestore';

// Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  var firebaseConfig = {
    //[removed for privacy]
  };
  // Initialize Firebase
  export const db = firebase.initializeApp(firebaseConfig).firestore();
  firebase.analytics();
javascript
firebase
vue.js
google-cloud-firestore
EN

回答 1

Stack Overflow用户

发布于 2022-04-09 10:12:24

我似乎通过将配置文件更改为：

代码语言：javascript
复制
  import firebase from "firebase/app";
  import "firebase/auth";

  const firebaseConfig = {
    //[hidden]
  };

  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);


  // Initialize Firebase Authentication and get a reference to the service
  export const auth = firebase.auth();

然后在我的App.vue组件中，我可以：

代码语言：javascript
复制
import {auth} from './firebase/db';

并将firebase.auth() ...更改为auth. ...，如下所示：

代码语言：javascript
复制
  await auth.signInWithPopup(provider).then(() => {
    auth.onAuthStateChanged((user) => {

但是，在我的其他组件中，我可以保留原始的import firebase from 'firebase';和firebase.auth() ...，并且它可以正常工作，不会出错。我不知道这是为什么。有人知道为什么吗？

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/71806386

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档