Skip to main content
 首页 » 编程设计

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

2023年08月27日74dflying

我需要在我的 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

请您参考如下方法:

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

Vue-Fire - Getting Started

还有这里的基本示例:

Vue-Fire - Basic Example


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

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

祝你好运:)