reactjs - WEBPACK_IMPORTED_MODULE_5__.default.firestore.collection 不是

Question

我试图将测试数据添加到 Firestore。但发生了以下错误。我不知道我应该如何解决它？WEBPACK_IMPORTED_MODULE_5 是什么？package.json 设置正确。和其他代码正常工作。

  connect(mapStateToProps),firestoreConnect([{ collection : 'projects' }])

'../../config/fireBaseConfig'

import firebase from 'firebase/app'
import 'firebase/firestore'
import 'firebase/auth'
import "firebase/storage"

  var firebaseConfig = {
    apiKey: "F_U6fgergrsyoBYrgrgrgrgrgr",
    authDomain: "test.firebaseapp.com",
    databaseURL: "https://stackoverflow.firebaseio.com",
    projectId: "stack-flow-1333f",
    storageBucket: "stack-over-1333f.appspot.com",
    messagingSenderId: "12345678",
    appId: "1:450307196367:web:foobarfoobar",
    measurementId: "G-foobarfooboogoo"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.firestore();

export const storage = firebase.storage();
export default firebase;

index.js

import React, { Component } from 'react'
import firebase from '../../config/FireBaseConfig';

class Stack extends Component {


    handleSubmit = (e) =>{
        e.preventDefault();
        firebase.firestore.collection("projects").add({
            title:'TITLE_TEST',
            content:'KOREHA TEST',
            imageUrl:'',
            id: 'xxxxxxxx',
            createdAt: new Date(),
        });
    }

包.json

  "dependencies": {
    "@babel/core": "^7.12.17",
    "@emotion/react": "^11.1.5",
    "@material-ui/core": "^4.11.3",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "core-js": "3",
    "firebase": "^8.3.0",
ommit...

类型错误：firebase_app__WEBPACK_IMPORTED_MODULE_4__.default.firestore.collection 不是函数

标签： reactjsfirebasefirebase-realtime-databasegoogle-cloud-firestore

Answer 1

firebase.firestore() 您可以删除此行

关于行将 firebase.firestore.collection(....) 其替换为 firebase.firestore().collection('...')