Javascript 如何在Vue项目中使用npm设置firebase v6.3.4?
我需要在我的Vue.js项目中使用Firebase,在通过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
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()