ReferenceError：未定义IDBIndex

Question

我正在Firebase项目中使用Gridsome。当我尝试在Vercel或Netlify上进行部署时，出现错误：

ReferenceError: IDBIndex is not defined

简化的Main.js

import * as firebase from 'firebase';

export default function (Vue, { router, head, isClient }) {
  Vue.use(BootstrapVue)
  Vue.component('Layout', DefaultLayout)

  var firebaseConfig = {...};

  var app = firebase.initializeApp(firebaseConfig);
}

简化的page.vue

import * as firebase from 'firebase/app';
import 'firebase/auth';
export default {
  data() {
    return {
       ...
    };
  },
  methods: {
    submit() {
      firebase
        .auth()
        .createUserWithEmailAndPassword(this.form.email, this.form.password)
        .then(...);
    }
  }
}

Package.json

"firebase": "^7.14.6",
"gridsome": "^0.7.9",

这似乎是一种已知情况，因为我们可以通过Google找到一些答案。我没有设法使它工作。我应该如何进行。