Firebase模块找不到报错求助：无法解析'./src/firebase'路径

问题核心 #

你在src/components/Authentication/Login/Login.js中使用./src/firebase作为导入路径是错误的——相对路径是基于当前文件所在目录计算的，当前文件位于三级子目录下，./src会指向src/components/Authentication/Login/src，这个路径不存在，因此报错。

以下是具体解决方法：

• 修正相对导入路径
  从Login.js所在目录回退三级到src根目录，再引用firebase.js，正确的导入代码为：

  import firebase, { auth } from '../../../firebase';
  

  （注：打包工具通常支持省略.js后缀，若需要也可以写成../../../firebase.js）

• 配置绝对路径导入（推荐）
  为避免多层目录下相对路径混乱，可配置项目支持基于src目录的绝对路径：

  1. 在项目根目录创建jsconfig.json（React项目适用），写入：

     {
       "compilerOptions": {
         "baseUrl": "src"
       },
       "include": ["src"]
     }
     

  2. 之后在Login.js中直接用绝对路径导入：

     import firebase, { auth } from 'firebase';
     

  此方式无需计算相对层级，所有src下的文件都可以直接通过文件名/目录名引用。

• 验证文件正确性
  确认src根目录下的文件确实是firebase.js，注意文件名大小写（部分操作系统区分大小写），避免拼写错误（比如写成Firebase.js或firebase.ts）。

内容的提问来源于stack exchange，提问作者DimitriTfb