我在Firebase和Vue上使用Nuxt。但是,我没有通过这个错误:
Nuxt.js错误:
TypeError: WEBPACK_IMPORTED_MODULE_0_firebase ___ default.a.storage不是函数 在Object.61(assets / firebase-config.js:15:28) at __webpack_require (webpack:/ webpack / bootstrap f85942abf3210b58a241:25:0) 在Object.63(0.server-bundle.js:70:85) 在 webpack_require (webpack:/ webpack / bootstrap f85942abf3210b58a241:25:0) 在Object.60(pages / index.vue:7:0) 在 webpack_require (webpack:/ webpack / bootstrap f85942abf3210b58a241:25:0) 在
编辑:现在刷新时也会出现此错误:
Nuxt.js错误:
TypeError: WEBPACK_IMPORTED_MODULE_2__assets_firebase_config_js .b.auth不是函数 在VueComponent.isAuthenticated(2.server-bundle.js:1277:82)
设置直接来自vue-cli,pages
目录中有两个页面,firebase-config.js
中有assets
:
-assets
|- firebase-config.js
-pages
|- index.vue
|- businesses.vue
以下是firebase-config.js
的内容:
import firebase from 'firebase'
if (firebase.apps.length === 0) {
firebase.initializeApp({
apiKey: '...',
authDomain: '...',
databaseURL: '...',
storageBucket: '...',
messagingSenderId: '...'
})
}
const db = firebase.database()
const sphinx = firebase.auth()
const storehouse = firebase.storage()
export { db, sphinx, storehouse }
这与businesses.vue
的关系如何:
import Vue from 'vue'
import VueFire from 'vuefire'
import { db, sphinx, storehouse } from '~assets/firebase-config.js'
import _ from 'lodash'
Vue.use(VueFire)
有关为何发生这种情况的任何见解?