找不到模块：无法解析“firebase/index”答案

【问题标题】：Module not found: Can't resolve 'firebase/index'找不到模块：无法解析“firebase/index”
【发布时间】：2019-03-10 14:54:49
【问题描述】：

我正在尝试使用以下语法在我的 react 应用中导入 firebase：

import firebase from 'firebase/index';

但我面临以下问题：

./src/App.js Module not found: Can't resolve 'firebase/index' in '/home/neosoft/Documents/react_projects/urup_dashboard/src'

我不确定是什么问题，因为我是新手。

更新我注意到一件奇怪的事情。上面的 import 语法在 ubuntu 14.04 中运行良好。该问题在 ubuntu 16.04 中面临。我不确定其他版本的 ubuntu。

【问题讨论】：

标签： reactjs firebase import

【解决方案1】：

你需要从你的项目文件夹中运行npm install firebase

【讨论】：

【解决方案2】：

尝试将 firebase 升级回"firebase": "4.8.0"

按照以下步骤操作

1. Do npm uninstall firebase
2. npm cache clear
3. npm i firebase@^4.8.0 --save

【讨论】：

我当前的firebase版本是5.5.3，firebase-tools是5.0.0。

【解决方案3】：

使用npm uninstall firebase 卸载您在package.json 中的firebase 版本，并安装此版本而不是npm i firebase@^8.10.0

【讨论】：

【解决方案4】：

根据 npm 上的 Firebase 文档，您必须将整个 Firebase 命名空间导入为：

import * as firebase from 'firebase';

为了在 firebase 中使用特定的服务，您必须在没有名称的情况下导入它们：

import 'firebase/auth';
import 'firebase/firestore';

注意：在开发 Firebase 应用程序时，您可能会收到一条消息，表明您正在使用 Firebase 的开发版本。在生产版本中，您应该从 firebase/app 导入 firebase：

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

见：https://www.npmjs.com/package/firebase

【讨论】：

【解决方案5】：

如果您在卸载当前版本的 firebase 后需要清除缓存

npm uninstall firebase

在做

npm clear cache

您的计算机可能不想这样做并发送

npm ERR! If you're sure you want to delete the entire cache, rerun this command with --force.

然后聆听和使用

npm clear cache --force

然后你就可以了

npm i firebase@^4.8.0 --save

你很好！

【讨论】：

只需在 package.json 中将 firebase 版本更新为 4.8.0 并重新运行 npm install 命令即可。谢谢！

【解决方案6】：

检查 node_modules 中是否有 firebase 文件夹如果没有firebase文件夹，那么

npm i firebase

如果有firebase文件夹那么

npm uninstall firebase

然后

npm i firebase

【讨论】：

【解决方案7】：

当我使用 vanilla ReactJS（无打字稿）和 firebase 版本 9.1.1 时，我遇到了类似的问题

我是这样解决的：

import { initializeApp } from "@firebase/app";
import { getAuth, GoogleAuthProvider } from "@firebase/auth";

在我的另一个打字稿项目中，我不需要 @ 在 import 语句中的库名称前签名，这就是我所缺少的。

【讨论】：

【解决方案8】：

如果您遇到此问题试试这些线
使用这种向下钻取方法.... 如果不使用这些行，请确保您有 firebase installl

npm installl firebase

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat/storage";
import "firebase/compat/firestore";

应该可以了，谢谢

【讨论】：

【解决方案9】：

在终端上执行以下操作：

yarn remove firebase
yarn add firebase

在 firebase.js 文件之后执行以下操作

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat/firestore";

【讨论】：

【解决方案10】：

转到此链接 https://github.com/jeescu/react-firebase

在终端执行

git 克隆

cd react-firebase

npm 安装

在资源管理器中打开已安装的目录，即 react-firebase。打开“node_modules”文件夹复制firebase文件夹并将其粘贴到您的项目“node_modules”文件夹中：注意：虽然不是永久的解决方案

【讨论】：