Импорт firebase в некорневой файл React Native вызывает ошибку в эмуляторе Android

Создаю проект.

react-native init test

Потом:

yarn add firebase

После процесса init-native у меня есть 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);

Но когда я пытаюсь импортировать firebase в App.js,

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 - последняя версия.

Как это исправить?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
3
0
526
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Попробуйте установить версию 5.0.2. Используйте эту команду от имени администратора:

npm install --save [email protected]

Насколько я понимаю, текущая версия (5.0.4) содержит ошибки!

Большое спасибо, вы сделали мой день. )) Помогло. Очевидно, что в Firebase версии 5.0.4 действительно есть ошибки.

John Smith 16.06.2018 22:17

В версии firebase ^ 5.3.1

Импорт базы данных:

import firebase from '@firebase/app'

Работай на меня!

Другие вопросы по теме