reactjs - 在 React Native 的非根文件中导入 firebase 会导致 Android 模拟器出错

Question

我创建项目。

react-native init test

然后:

yarn add firebase

在react-native init进程之后，我的根目录中有index.js。其内容:

import { AppRegistry } from 'react-native';
import App from './App';

AppRegistry.registerComponent('test', () => App);

在那里导入 firebase 绝对可行。

import { AppRegistry } from 'react-native';
import App from './App';
import firebase from 'firebase';

AppRegistry.registerComponent('test', () => App);

但是当我尝试在 App.js 中导入 firebase 时，

import React from 'react';
import { Text, View } from 'react-native';
import firebase from 'firebase'; // Anywhere in this file

class App extends React.Component {

    constructor(props) {

        super(props);

        const config = {
            // data from firebase portal
        };
        firebase.initializeApp(config);
    }

    render() {

        return (

                <View>
                    <Text>
                        Hello.
                    </Text>
                </View>

        );

    }
}

export default App;

我收到错误:

Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.
throwOnInvalidObjectType...

此问题仅存在于Android模拟器中。在iOS模拟器中一切正常。Android Studio - 最新版本。React Native - 最新版本。Firebase - 最新版本。

如何解决这个问题？

Answer 1

在 firebase 版本 ^5.3.1

导入 Firebase:

import firebase from '@firebase/app'

为我工作!