Создаю проект.
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 - последняя версия.
Как это исправить?





Попробуйте установить версию 5.0.2. Используйте эту команду от имени администратора:
npm install --save [email protected]
Насколько я понимаю, текущая версия (5.0.4) содержит ошибки!
В версии firebase ^ 5.3.1
Импорт базы данных:
import firebase from '@firebase/app'
Работай на меня!
Большое спасибо, вы сделали мой день. )) Помогло. Очевидно, что в Firebase версии 5.0.4 действительно есть ошибки.