对象无效作为反应子(react-native)

Question

我试图在我的反应原生项目中初始化firebase.

这是我面临的错误

App.js我初始化它的代码是

import React, {Component} from 'react';
import {View, Text} from 'react-native';
import {Provider} from 'react-redux';
import {createStore} from 'redux';
import reducers from './reducers';
import firebase from 'firebase';

class App extends Component {

  componentWillMount () {
    const config = {
      apiKey: "",
      authDomain: "",
      databaseURL: "",
      projectId: "",
      storageBucket: "",
      messagingSenderId: ""
    };
    firebase.initializeApp(config);
  }

  render() {
    return (
      <Provider store={createStore(reducers)}>
      <View>
        <Text>Hello! </Text>
      </View>
    </Provider>
    );
  }
}

export default App;

当我只包含import firebase from 'firebase';并且不初始化时,我甚至面临同样的错误config

Answer 1

导出在5.0.4及更高版本中更改.现在你需要这样做:

import firebase from '@firebase/app'

如果你正在使用eslint,你可能会抱怨它应该列在项目依赖项中,但你可以忽略它.

您可能还想使用firebase的实际功能而不仅仅是核心导入.例如,要使用身份验证模块,您需要添加以下内容:

import '@firebase/auth'