React项目AuthContext导入firebaseConfig报模块未找到错误求助

你使用的React脚手架（比如Create React App）默认限制仅支持导入src目录内的模块，当前你在AuthContext.tsx中导入的../../server/controller/firebaseConfig文件位于src目录外，因此触发编译报错。

按优先级从高到低排列：

• 方案1：移动firebase配置到src目录（最推荐）
  客户端使用的firebase配置不应该和服务端配置混用，避免服务端高权限的admin配置泄露到前端。你可以单独导出客户端专用的firebase初始化配置，移动到src目录下的config/或utils/文件夹中，再修改AuthContext.tsx的导入路径为相对src内的路径即可，示例：

  // 假设配置移到了src/config/firebaseClientConfig.ts
  import { auth } from '../config/firebaseClientConfig';
  

• 方案2：修改构建配置解除导入限制
  如果因项目架构要求必须保留配置文件在src外，可以修改构建规则放开目录限制：
  如果你使用的是Create React App，可通过craco插件修改webpack配置，关闭ModuleScopePlugin的限制，或配置允许导入的外部目录路径。注意修改默认构建配置可能带来兼容性风险，非必要不推荐。

你当前仅定义了AuthContext的默认值和useAuth钩子，还需要在项目根组件外层包裹AuthContext.Provider并传入响应式的状态值，否则useAuth拿到的永远是初始化的静态值，不会跟随用户登录状态更新。

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