Firestore 不是 Vue CLI 应用程序中的功能答案

【问题标题】：Firestore is not a function in Vue CLI applicationFirestore 不是 Vue CLI 应用程序中的功能
【发布时间】：2018-06-01 07:22:30
【问题描述】：

import * as firebase from 'firebase'
import 'firebase/firestore'
import config from './config'

export const firebaseApp = firebase.initializeApp(config)

export const firestore = firebaseApp.firestore()

过去 24 小时我一直在与这个问题作斗争，我得到了导入 firebase/firestore 的解决方案，但似乎仍然没有一个适合我。

init.js?9adc:10 Uncaught TypeError: firebaseApp.firestore is not a function
at eval (init.js?9adc:10)
at Object.<anonymous> (renderer.js:1309)
at __webpack_require__ (renderer.js:680)
at fn (renderer.js:90)
at eval (199:3)
at Object.<anonymous> (renderer.js:2035)
at __webpack_require__ (renderer.js:680)
at fn (renderer.js:90)
at eval (CustomersTable.vue?2194:1)
at Object.<anonymous> (renderer.js:2022)

【问题讨论】：

您使用的是什么版本的客户端 SDK？
4.6.0 最终，我什至能够使用firestore，但我需要从node_modules文件夹中引用firebase，如下所示“../../../../node_modules/firebase ”。希望这不会影响构建，因为它是一个电子应用程序

标签： firebase vue.js google-cloud-firestore

【解决方案1】：

npm install --save @firebase/firestore

为我解决了这个问题。它在 firebase 版本 4.5.0 和 4.8.0 之间的某个地方中断。

【讨论】：

【解决方案2】：

要访问firebase service，

import * as firebase from 'firebase'
import 'firebase/firestore'
import config from './config'

export const firebaseApp = firebase.initializeApp(config)
export const firestore = firebase.firestore()

【讨论】：

这也不起作用..我需要从 node_modules 文件夹中引用 firebase，例如“../../../../node_modules/firebase”。但是不知道有没有什么不良影响