VS Code出现Module not found: Can't resolve firebase.js报错求助
Module not found: Can't resolve firebase.js 报错排查方案 - 检查firebase官方依赖是否安装
执行npm ls firebase或yarn list firebase查看本地项目依赖,无对应版本输出时,执行npm install firebase或yarn add firebase完成依赖安装。 - 检查导入语句写法是否符合规范
如果你使用的是firebase v9及以上版本的官方模块化API,直接使用包名导入即可,不需要附加.js后缀:错误写法:
import { initializeApp } from "firebase.js"
正确写法:import { initializeApp } from "firebase/app" - 检查自定义配置文件的导入路径
如果你是在项目中自行封装了firebase.js配置文件,需要核对导入语句的相对路径和文件实际存放位置是否匹配:
例:配置文件存放路径为src/config/firebase.js,在src/App.js中导入时写法应为import "./config/firebase.js",路径层级错误、文件名拼写错误都会触发该报错。 - 检查构建工具的后缀补全规则
若项目构建工具默认自动补全的后缀列表不含.js,可在构建配置(如webpack的resolve.extensions配置项)中添加.js后缀,或导入时主动补全.js后缀。 - 验证依赖版本兼容性
若安装的是firebase v10及以上版本,旧版前端框架可能存在适配问题,可尝试降级到v9 LTS版本验证:npm install firebase@9.23.0
内容的提问来源于stack exchange,提问作者Abhishek Diwate
相关产品推荐
相关产品推荐

