wake-up-neo.com

Objekte gelten nicht als untergeordnetes Reakt (gefundenes Objekt: Objekt mit Schlüsseln ($$ typeof, type, key, ref, requisiten, _owner, _store})

Ich versuche, Firebase in meiner reaktiven App zu verwenden. Aber es gibt einen Fehler .  Image is here

mein App.js-Code befindet sich unten

import React, { Component } from 'react';
import { Text } from 'react-native';
import firebase from 'firebase';

export default class HelloWorldApp extends Component {
  componentWillMount(){
    firebase.initializeApp({
      apiKey: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
      authDomain: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
      databaseURL: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
      projectId: 'xxxxxxxxxxxxxxxxxxxx',
      storageBucket: 'xxxxxxxxxxxxxxxxxxxxxxxxxxx',
      messagingSenderId: 'xxxxxxxxxx'
    })
  }

  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

Was kann ich machen? Vielen Dank

6
fighg

Ich hatte dieses Problem heute. Ich habe einen Unterschied zwischen 5.0.3 und 5.0.4 im Quellcode ausgeführt und festgestellt, dass sich die Exporte geändert haben. Ich habe auch herausgefunden, dass, wenn ich die Import-Anweisung folgendermaßen ändere, sie mit der neuesten Version (5.3.0) funktioniert:

import firebase from '@firebase/app'

Wenn Sie eslint verwenden, erhalten Sie wahrscheinlich eine Beschwerde, dass es in den Projektabhängigkeiten aufgeführt sein sollte. Sie können dies jedoch ignorieren. 

Wahrscheinlich möchten Sie auch die tatsächlichen Funktionen von Firebase anstelle des Kernimports verwenden. Um beispielsweise das Authentifizierungsmodul zu verwenden, fügen Sie Folgendes hinzu:

import '@firebase/auth'

14
GrokSrc

Ich denke, es gibt ein Problem mit [email protected] Führen Sie in Ihrer Befehlszeile npm install [email protected] aus. Das hat es für mich behoben.

1
Bryan Mudge
I'm not sure what happened with this version [email protected] I also faced this issue too. But there is a workaround to resolve this issue.

1st step: Remove your import statement: import firebase from 'firebase';

2nd step:

 1. Create a local function like this:

    initializeFirebase() {
    const firebase = require("firebase");

    // Initialize Firebase
    var config = {
        apiKey: 'apikey',
        authDomain: 'domain.com',
        databaseURL: 'databaseUrl',
        projectId: 'projectId',
        storageBucket: 'storageurl',
        messagingSenderId: 'senderId'
    };
    firebase.initializeApp(config);
  }

 2. Call it in your componentDidMount()

  componentDidMount() {
    this.initializeFirebase();
  }

Hope, it helps.
0
Va Visal

Es ist ein Problem mit Firebase Version 5.0.6, während ein Downgrade auf eine Version dieses Problem beheben kann. Versuchen Sie dies beispielsweise

$ npm install --save [email protected]

Wenn Version 5.0.4 auch nicht für Sie funktioniert, versuchen Sie es mit Version 4.9.1, da ich dies verwende und dieses Problem für mich gelöst habe

$ npm install --save [email protected]

0
Seema