"<i>Vue 2;<\/i> Vue 2；<\/b> <i>export &#39;default&#39; (imported as &#39;firebase&#39;) was not found in &#39;firebase\/app&#39;<\/i>在“firebase\/app”中找不到导出“默认”（导入为“firebase”）<\/b>"

Question

I'm trying to import firebase in a Vue 2 app, but I'm running into this annoying issue.

import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/firestore'

Answer 1

Due to Doug Stevenson's suggestion to check my firebase version, I ended up checking firebase's upgrade docs and found this https://firebase.google.com/docs/web/modular-upgrade

Following the instructions there (changing the paths from firebase/x to firebase/compat/x) fixed my issue perfectly. Thank you all, and I hope any other clueless folk like myself confused by the new format can be helped by this post.

Answer 2

Due to release of Firebase SDK Version 9 on 25th August 2021, many users using Firebase Web SDK version 8 are struggling with the same issue.

According to the documentation, Apps currently using Firebase Web SDK version 8 or earlier should consider migrating to version 9 as follows:

Before: version 8 (Old)

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

After: version 9 compat (New)

// v9 compat packages are API compatible with v8 code
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

Answer 3

在我的反应项目中为这三行添加\/compat<\/strong>

import firebase from 'firebase\/compat\/app'; import 'firebase\/compat\/auth'; import 'firebase\/compat\/firestore';<\/code>

"

Answer 4

Thanks brody you save my ass! :D Gracias!