延迟（动态）导入 firebase 模块会触发解构错误

Question

以下导入触发错误 Uncaught (in promise) TypeError: Cannot destructure property 'getAuth' of '(intermediate value).default' as it is undefined.:

const { getAuth, signInWithPopup, GoogleAuthProvider } = (await import('firebase/auth')).default;

有没有其他方法可以让我懒惰地从 Firebase 导入这些模块？

Answer 1

您不需要导入 .default 导出 iirc，试试这个：

const { getAuth, signInWithEmailAndPassword } = await import("firebase/auth");

适用于版本 9.0.0-beta.7：

Lazy (dynamic) import of firebase modules triggers destructure error