Reactjs 使用webpack将firebase firestore添加到react.js项目时出现问题

Reactjs 使用webpack将firebase firestore添加到react.js项目时出现问题,reactjs,firebase,webpack,google-cloud-firestore,Reactjs,Firebase,Webpack,Google Cloud Firestore,我正在尝试将firebase firestore添加到我正在使用webpack的项目中,在尝试将数据添加到firestore时出现以下错误: 未找到模块:错误:无法解析“firebase/firestore” 我的代码如下所示: import React from 'react'; import firebase from "../firebase/firebase"; import 'firebase/firestore'; class User extends Reac

我正在尝试将firebase firestore添加到我正在使用webpack的项目中,在尝试将数据添加到firestore时出现以下错误: 未找到模块:错误:无法解析“firebase/firestore”

我的代码如下所示:

import React from 'react';
import firebase from "../firebase/firebase";
import 'firebase/firestore';

class User extends React.Component {

     constructor() {
          super();
          this.state = {
               email: " ",
               fullname: " "
          }
     }

     updateInput = (e) => {
          this.setState({
          [e.target.name]: e.target.value
          });
     }

     addUser = (e) => {
          e.preventDefault();
          const db = firebase.firestore();
          db.settings({
               timestampsInSnapshots: true
          });
          const userRef = db.collection("users").add({
               fullname: this.state.fullname,
               email: this.state.email
          });  
          this.setState({
               fullname: " ",
               email: " "
          });
     };

  render() {
    return (
         <form onSubmit={this.addUser}>
               <input
                    type="text"
                    name="fullname"
                   placeholder="Full name"
                   onChange={this.updateInput}
                   value={this.state.fullname}
               />
               <input
                    type="email"
                    name="email"
                   placeholder="Full name"
                   onChange={this.updateInput}
                   value={this.state.email}
               />
               <button type="submit">Submit</button>
          </form>
          );
     }
}
     
export default User;


我真的需要一些帮助,因为这是我第一次使用react和webpack,这一切都很混乱D谢谢你

您是否
npm安装了firebase
?我使用yarn add安装了它。您是否也可以使用npm进行安装,并查看是否有任何更改?我尝试过,但在终端和节点模块中的firebase文件夹中出现了相同的错误:d相应地,此错误:未找到模块:错误:无法在./node\u modules/firebase/utils/promise.js中解析'promise polyfill'
import * as firebase from 'firebase';

const firebaseConfig = {
   ...
};
  
firebase.initializeApp(firebaseConfig);

export default firebase;