firebase 在 vue2 上啟動項目時出錯

Question

當我運行npm run dev時，得到下一個錯誤，我在 Vue 2 webpack-simple 上寫，firebase 9.9.0 試過 npm 沒有結果 main.js@^9

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

Answer 1

我只需要更新 vue-cli

Answer 2

更新 vue cli 對我不起作用，您更新到哪個版本？ 我更新到 5.0.8