如何在VUE项目中使用NPM设置Firebase v6.3.4

Question

我需要在我的vue.js项目中使用firebase，并且在npm install firebase --save安装后，我在root-src中制作了一个名为'firebase'的新文件夹。在那里，我有一个.js文件 - 'init.js'。在其中，我想设置我的firebase。下面的代码显示了我的完整" init.js"文件。然后，在我的一个.vue文件中，当我要访问它时，我需要第1次执行import db from '@/firebase/init'。

我仅在屏幕上得到一个大红色错误。

 const firebaseConfig = {
     apiKey: "...",
     authDomain: "...",
     databaseURL: "...",
     projectId: "...",
     storageBucket: "...",
     messagingSenderId: "..",
     appId: "..." }
 const firebaseApp = firebase.initializeApp(firebaseConfig)
 firebaseApp.firestore().settings({ timestampsInSnapshots: true})
 export default firebaseApp.firestore()

大红色错误说

无法编译 - 错误：Enoent

Answer 1

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

vue -fire-入门

以及这里的基本示例：

vue -fire-基本示例

---

如果您不想使用它，则应该阅读这篇文章：

带有vue.js和firebase的现实世界Web应用程序(此项目也有一个回购(

祝你好运：(

Answer 2

您似乎不会在init.js中导入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()