[英]Error: A backoff operation is already in progress.When i try to read data from firebase from react app
[英]React - Firebase module error when i try to import 'firebase/app'
我目前正在开发一个迷你反应项目,我遇到了一些与“firebase”模块相关的错误。
当我尝试导入 firebase 模块时,出现以下错误:
找不到模块:无法解析“C:project_name\node_modules\re-base\dist”中的“firebase/app”
这是我的项目的依赖项:
"dependencies": {
"firebase": "^5.5.1",
"prop-types": "^15.6.2",
"re-base": "^4.0.0",
"react": "^16.5.2",
"react-dom": "^16.5.2",
"react-router-dom": "^4.3.1",
"react-scripts": "1.1.5",
"react-transition-group": "^2.5.0"
},
这是firebase 配置文件( ./utils/firebase.js
):
import Rebase from 're-base';
import * as firebase from '@firebase/app';
import '@firebase/database';
import firebaseConfig from '../constants/database';
const firebaseApp = firebase.initializeApp( firebaseConfig );
const base = Rebase.createClass(firebase.database());
export { firebaseApp };
export default base;
然后,当我尝试将firebaseApp导入 App 组件时,出现此错误。
import React, { Component } from 'react';
import './App.css';
import Form from './components/Form';
import Message from './components/Message';
// Firebase
import firebaseAppfrom './utils/firebase';
class App extends Component {
constructor(props) {
super(props);
this.state = {
messages: {}
}
}
componentDidMount() {
base.syncState('/', {
context: this,
state: 'messages'
});
}
}
预先感谢您的帮助。
你在这里使用了一些非常古老的东西。 我强烈建议按照文档中的说明使用模块捆绑器添加 Firebase 。
你的依赖应该是:
"firebase": "8.0.2",
或者任何最新版本。 你现在拥有的那个已经很老了。
你的进口应该是:
import firebase from "firebase/app";
import "firebase/database";
不要在模块名称中使用@
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.