vue2上的firebase启动项目出错答案

【问题标题】：Error with firebase starting project on vue2vue2上的firebase启动项目出错
【发布时间】：2022-11-13 17:01:42
【问题描述】：

当我运行npm run dev 时，出现下一个错误我写在 Vue 2 webpack-simple，firebase 9.9.0 试过 npm firebase@^9.9.0 但没有结果 main.js

import Vue from 'vue'
import App from './App.vue'
import vuetify from "./plugins/vuetify";
import {Vuelidate} from "vuelidate";
import {firestorePlugin} from "vuefire";
import firebase from "firebase/app";

Vue.use(Vuelidate)
Vue.use(firestorePlugin)

import {store} from "../store";
import {router} from "./plugins/routes"


const firebaseConfig = {
  apiKey: "***",
  authDomain: "***",
  projectId: "***",
  storageBucket: "***",
  messagingSenderId: "***",
  appId: "***",
  measurementId: "***"
};

export const db = firebase.initializeApp(firebaseConfig).firestore()

const {Timestamp, GeoPoint} = firebase.firestore()
export {Timestamp, GeoPoint}

db.settings({timestampsInSnapshots: true})

new Vue({
  el: '#app',
  vuetify,
  router,
  store,
  render: h => h(App)
})

错误

./node_modules/idb/build/index.js
    Module parse failed: Unexpected token (83:4)
    You may need an appropriate loader to handle this file type.
    | }
    | replaceTraps((oldTraps) => ({
    |     ...oldTraps,
    |     get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver),
    |     has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop),
     @ ./node_modules/@firebase/app/dist/esm/index.esm2017.js 5:0-29
     @ ./node_modules/firebase/app/dist/index.esm.js
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

【问题讨论】：

标签： javascript firebase vuejs2

【解决方案1】：

我只需要更新 vue-cli

【讨论】：

【解决方案2】：

尝试了很多东西，包括降级 firebase、升级 vue-cli、安装 @vue/cli，但这些都不适合我。

终于试过了 npm rebuild firebase 刚刚工作。

附言我不确定，但是当它无法解析对象属性或方法时，此错误是 vue 的一般消息。它不是特定于 firebase 的，您可以在许多其他情况下看到它。

【讨论】：