首页 > 解决方案 > 如何在 Vanilla JS 中使用 Firebase Polyfill

问题描述

我目前正在使用Firebase Realtime Database构建一个使用 Google Firebase 来处理身份验证和数据存储的普通网页。这就是我在 HTML 文件底部包含 Firebase 的方式:

<script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-database.js"></script>

这在大多数浏览器中都可以正常工作。但是,在 Internet Explorer 中,它会抛出各种关于没有某些 es6 功能的错误,最常见Array.findIndex的是Object.values.

Firebase支持的环境页面说需要 polyfills——这很公平。但是,我不清楚如何将推荐的“ ES Stable ”包含到普通的 html/js 页面中,因为他们的所有示例都涉及捆绑程序或框架。

我正在寻找一个示例或说明如何将这个或任何解决问题的 polyfill 包含到常规 HTML/JS 页面中。

标签: javascriptfirebasefirebase-realtime-databasefirebase-authenticationpolyfills

解决方案


查看core-js 安装部分后,看起来他们确实提供了一个您可以附加的 CDN。确切的文字是这样的:

已经在 CDN 上捆绑了 core-js 版本(缩小版)。

他们指的CDN在这里,缩小版在这里


推荐阅读