未捕获的语法错误：请求的模块 \'/node_modules/.vite/firebase_firestore.js?v=32c7ddf6\' 不提供名为 \'default\' 的导出答案

【问题标题】：Uncaught SyntaxError: The requested module '/node_modules/.vite/firebase_firestore.js?v=32c7ddf6' does not provide an export named 'default'未捕获的语法错误：请求的模块 \'/node_modules/.vite/firebase_firestore.js?v=32c7ddf6\' 不提供名为 \'default\' 的导出
【发布时间】：2022-08-10 02:22:51
【问题描述】：

我试图在我的 Vue 应用程序中使用 firebase，但它给出了上述错误。 firebase 初始化文件如下。

**import { initializeApp } from \"firebase/app\";
import firestore from \"firebase/firestore\";

const firebaseConfig = {
  apiKey: \"xxx\",
  authDomain: \"xxx\",
  projectId: \"xxx\",
  storageBucket: \"xxx\",
  messagingSenderId: \"xxx\",
  appId: \"xxx\",
};

// Initialize Firebase
const firebaseApp = initializeApp(firebaseConfig);
firebaseApp.firestore().settings({ timestampsInSnapshots: true });
// firebase.analytics();

// export firestore database
export default firebaseApp.firestore();**

我已经在应用程序中安装了 firebase 8.0.0。

你能分享你的 package.json 吗？以及您要导入 Firestore 实例的文件。
请提供足够的代码，以便其他人可以更好地理解或重现该问题。
这是 package.json { \"name\": \"smoothies-app\", \"version\": \"0.0.0\", \"scripts\": { \"dev\": \" vite\", \"build\": \"vite build\", \"preview\": \"vite preview --port 5050\" }, \"dependencies\": { \"firebase\": \" ^9.6.10\", \"slugify\": \"^1.6.5\", \"vue\": \"^3.2.31\", \"vue-router\": \"^4.0. 12\" }, \"devDependencies\": { \"@vitejs/plugin-vue\": \"^2.2.2\", \"vite\": \"^2.8.4\" } }
@Dharmaraj 感谢您的关注，但我找到了解决方案并解决了错误

标签： javascript firebase google-cloud-firestore vuejs3

【解决方案1】：

更新后试试这个

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";

const firebaseConfig = {
 ...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);


// Initialize Cloud Firestore and get a reference to the service
const db = getFirestore(app);

【讨论】：