Javascript 如何在Vue项目中使用npm设置firebase v6.3.4?

Javascript 如何在Vue项目中使用npm设置firebase v6.3.4?,javascript,firebase,vuejs2,installation,Javascript,Firebase,Vuejs2,Installation,我需要在我的Vue.js项目中使用Firebase,在通过npm安装Firebase--save安装它之后,我在根src中创建了一个名为“Firebase”的新文件夹。在那里我有一个.js文件-'init.js'。在这个.js文件中,我想设置我的firebase。下面的代码显示了我的完整“init.js”文件。然后,在我的一个.vue文件中,当我想要访问它时,我需要首先执行从'@/firebase/init'导入db 我只在屏幕上看到一个红色的大错误 const firebaseConfig

我需要在我的Vue.js项目中使用Firebase,在通过
npm安装Firebase--save安装它之后,我在根src中创建了一个名为“Firebase”的新文件夹。在那里我有一个.js文件-'init.js'。在这个.js文件中,我想设置我的firebase。下面的代码显示了我的完整“init.js”文件。然后,在我的一个.vue文件中,当我想要访问它时,我需要首先执行
从'@/firebase/init'导入db

我只在屏幕上看到一个红色的大错误

 const firebaseConfig = {
     apiKey: "...",
     authDomain: "...",
     databaseURL: "...",
     projectId: "...",
     storageBucket: "...",
     messagingSenderId: "..",
     appId: "..." }

 const firebaseApp = firebase.initializeApp(firebaseConfig)

 firebaseApp.firestore().settings({ timestampsInSnapshots: true})

 export default firebaseApp.firestore()
红色的大错误表示

未能编译-错误:enoint


我认为最简单的解决方案是安装vue fire。这里有很多关于配置的文档:

这里还有一个基本的例子:


如果您不想使用它,您应该阅读这篇很棒的文章:

(本项目还有回购协议)


祝您好运:)

您似乎没有在init.js中导入firebase,因此您在那里使用的firebase变量没有引用任何内容

import firebase from 'firebase/app'

// And your code...
 const firebaseConfig = {
     apiKey: "...",
     authDomain: "...",
     databaseURL: "...",
     projectId: "...",
     storageBucket: "...",
     messagingSenderId: "..",
     appId: "..." }

 const firebaseApp = firebase.initializeApp(firebaseConfig) // consume firebase here

 firebaseApp.firestore().settings({ timestampsInSnapshots: true})

 export default firebaseApp.firestore()