【问题标题】: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”文件夹中: 注意:虽然不是永久的解决方案

                  【讨论】:

                    猜你喜欢
                    • 2019-10-13
                    • 2020-11-01
                    • 2021-11-01
                    • 2021-10-06
                    • 2020-10-15
                    • 2017-10-23
                    • 2021-10-16
                    • 2021-01-06
                    • 2021-11-04
                    相关资源
                    最近更新 更多