Reactjs 使用webpack将firebase firestore添加到react.js项目时出现问题
我正在尝试将firebase firestore添加到我正在使用webpack的项目中,在尝试将数据添加到firestore时出现以下错误: 未找到模块:错误:无法解析“firebase/firestore” 我的代码如下所示: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
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;