React-我尝试导入``firebase / app''时出现Firebase模块错误

我目前正在做一个小型React项目，并且遇到一些与“ firebase”模块相关的错误。

当我尝试导入firebase模块时，出现以下错误：

找不到模块：无法解析“ C：project_name \ node_modules \ re-base \ dist”中的“ firebase / app”

这是我的项目的依赖项：

"dependencies": {
    "firebase": "^5.5.1",
    "prop-types": "^15.6.2",
    "re-base": "^4.0.0",
    "react": "^16.5.2",
    "react-dom": "^16.5.2",
    "react-router-dom": "^4.3.1",
    "react-scripts": "1.1.5",
    "react-transition-group": "^2.5.0"
},

这是firebase配置文件（./utils/firebase.js）：

import Rebase from 're-base';
import * as firebase from '@firebase/app';
import '@firebase/database';
import firebaseConfig from '../constants/database';


const firebaseApp = firebase.initializeApp( firebaseConfig );
const base = Rebase.createClass(firebase.database());

export { firebaseApp };
export default base;

然后，当我尝试将firebaseApp导入到App组件时，出现此错误。

import React, { Component } from 'react';
import './App.css';
import Form from './components/Form';
import Message from './components/Message';

// Firebase
import firebaseAppfrom './utils/firebase';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      messages: {}
    }
  }

  componentDidMount() {
    base.syncState('/', {
      context: this,
      state: 'messages'
    });
  }
}

预先感谢您的帮助。