javascript - 如何在 Vue 项目中使用 npm 设置 firebase v6.3.4？

Question

我需要在我的 Vue.js 项目中使用 Firebase，在通过 npm install firebase --save 安装它之后，我在 root-src 中创建了一个名为“firebase”的新文件夹。在那里我有一个 .js 文件 - 'init.js'。在该 .js 文件中，我想设置我的 firebase。下面的代码显示了我完整的“init.js”文件。然后在我的一个 .vue 文件中，当我想访问它时，我需要首先执行 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()

红色的大错误说的是

Failed to compile - Error:ENOENT

Answer 1

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

Vue-Fire - Getting Started

还有这里的基本示例:

Vue-Fire - Basic Example

---

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

Real-World Web App With Vue.js and Firebase (还有这个项目的repo)

祝你好运:)