Firebase模块导入错误求助：Package path .未导出问题排查

错误核心原因 #

在./src/firebase.js第14行的导入语句未使用相对路径前缀./，导致打包工具将其识别为从node_modules中导入firebase模块的请求，但新版Firebase包的package.json的exports字段未暴露根路径.，因此抛出模块未找到错误。

解决办法 #

方法1：修正导入路径（推荐） #

找到./src/firebase.js第14行的导入代码，为本地文件路径添加./前缀，明确告知工具这是当前目录下的本地文件，而非node_modules中的模块。

例如，若原代码为：

import someModule from 'firebase'

（实际意图是导入同目录下的本地文件），修改为：

import someModule from './firebase'

方法2：启用preferRelative解析选项（仅无法修改源码时使用） #

如果无法调整源码，可在打包工具配置中开启preferRelative选项，让工具优先尝试解析相对路径：

• Webpack：在配置文件的resolve字段中添加：

resolve: {
  preferRelative: true
}

• Vite：在vite.config.js中配置：

export default defineConfig({
  resolve: {
    preferRelative: true
  }
})

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