将 firebase 添加到 Vue 项目时在 IE11 上显示空白页面

Question

• 我的 Vue 项目使用 Firebase Auth 进行登录和注册，但是当向项目添加 firebase 包时，它在 ie11 上显示空白页面。 Firebase 和 Vue Cli 插件 Babel 包：

"firebase": "9.6.1",
"@vue/cli-plugin-babel": "4.4.4"

• Babel 配置：

module.exports = {
    presets: [['@vue/app', { useBuiltIns: 'entry' }]]
}

谢谢

Answer 1

我在这里阅读了 Firebase 文档：https://firebase.google.com/docs/web/environments-js-sdk#suggested-polyfills。我解决了这个问题如下：

• babel.config.js:

module.exports = {
  presets: [['@vue/app', { useBuiltIns: 'entry' }]]
}

• 在main.js

import 'core-js/stable'
import 'cross-fetch/polyfill'
import 'indexeddb-getall-shim'

• 在Package.json中：添加更多包：

"cross-fetch": "^3.1.5"
"core-js": "3.6.5",
"indexeddb-getall-shim": "^1.3.6"

• 在vue.config.js中：

transpileDependencies: [

// can be string or regex

'@firebase',

/graphql/ ]

但是我还是没看懂问题