Javascript React-尝试导入'；firebase/app'；

我目前正在从事一个迷你react项目，遇到了一些与'firebase'模块相关的错误

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

未找到模块：无法解析“C:project\u name\node\u modules\re base\dist”中的“firebase/app”

以下是我的项目的依赖项：

“依赖项”：{
“firebase”：“^5.5.1”，
“道具类型”：“^15.6.2”，
“重基”：“^4.0.0”，
“反应”：“^16.5.2”，
“react dom”：“^16.5.2”，
“反应路由器dom”：“^4.3.1”，
“反应脚本”：“1.1.5”，
“反应转换组”：“^2.5.0”
},

以下是firebase配置文件（

/utils/firebase.js

）：

从're base'导入重新基准；
从'@firebase/app'导入*作为firebase；
导入'@firebase/database'；
从“../constants/database”导入firebaseConfig；
const firebaseApp=firebase.initializeApp（firebaseConfig）；
const base=Rebase.createClass（firebase.database（））；
导出{firebaseApp}；
导出默认基；

然后，当我尝试将firebaseApp导入应用程序组件时，我得到了这个错误

import React，{Component}来自'React'；
导入“/App.css”；
从“./components/Form”导入表单；
从“./components/Message”导入消息；
//火基
从“/utils/firebase”导入firebaseAppfrom；
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
消息：{}
}
}
componentDidMount（）{
base.syncState（“/”{
背景:这,，
状态：“消息”
});
}
}

---

提前感谢您的帮助。

您正在使用一些非常旧的东西。我强烈建议您按照手册中的说明进行操作

您的依赖关系应该是：

"firebase": "8.0.2",

import firebase from "firebase/app";
import "firebase/database";

或者任何最新的版本。你现在拥有的那个很旧了

您的进口应为：

"firebase": "8.0.2",

import firebase from "firebase/app";
import "firebase/database";

---

不要在模块名称中使用

@

。

非常感谢：）如果您觉得这个答案很有帮助，通常会在堆栈溢出时向上投票，并使用答案左侧的按钮将其标记为正确。