react-native项目中的Firebase安装错误

Question

In my react-native project, I have some problems that cannot install firebase in my project like this.

Error message when I insert firebase code

App.js :

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Header, Card, CardSection, Button } from './components/common';
import firebase from 'firebase';
import LoginForm from './components/LoginForm';

class App extends Component {
  componentWillMount() {
      const firebase = require('firebase/app');
      firebase.initializeApp({
        apiKey: '',
        authDomain: '',
        databaseURL: '',
        projectId: '',
        storageBucket: '',
        messagingSenderId: ''
        });
      }

  render() {
    return(
      <View>
        <Header headerText="Thi is Header" />
        <LoginForm />
      </View>
    );
  }
}

export default App;

Answer 1

您应该使用

const firebase = require('firebase');

Answer 2

Remove import firebase from 'firebase';

and also use const firebase = require('firebase'); instead of const firebase = require('firebase/app');