如何停止警告：您似乎正在使用 Firebase JS SDK 的开发版本？

Question

It looks like you're using the development build of the Firebase JS SDK.
When deploying Firebase apps to production, it is advisable to only import
the individual SDK components you intend to use.

For the CDN builds, these are available in the following manner
(replace <PACKAGE> with the name of a component - i.e. auth, database, etc):

https://www.gstatic.com/firebasejs/5.0.0/firebase-<PACKAGE>.js

它占用了我已经有限的控制台空间的一半 :(

注意：我在 html 中使用 firebase .. 和 script 标签。我不使用这里解释的导入语法：similar question

如何停止这个警告？

Answer 1

为了更清楚地回答这个问题，

你最有可能拥有的是

<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase.js"></script>

因为这是 Firebase 在“将 Firebase 添加到您的网络应用”屏幕中为您提供的内容。

但是，这样做是导入所有 Firebase 模块。我不知道为什么 Firebase 将其作为生成的脚本，但您需要做的就是将 -app 添加到源代码中，这样就可以了。

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

然后，对于您想要使用的 Firebase 的每个后续功能，您将需要添加另一个脚本行。例如，如果您想将云消息添加到您的 Web 应用程序，它只需要。

<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-messaging.js"></script>

您可以找到更多信息，包括完整的进口清单here from Firebase.

Answer 2

here给出的细节不是超级好理解：

第 1 步：删除以下行，因为它是开发版本：

<script src="https://www.gstatic.com/firebasejs/5.8.6/firebase.js"></script>

第 2 步：添加以下行，（必需），生产版本：

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

第 3 步：添加您需要的更多包/服务，例如数据库、（可选）、生产构建：

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

这解决了问题。

Answer 3

您的错误消息告诉您如何修复它...这部分就在这里：

For the CDN builds, these are available in the following manner
(replace <PACKAGE> with the name of a component - i.e. auth, database, etc):

https://www.gstatic.com/firebasejs/5.0.0/firebase-<PACKAGE>.js

因此，如果您使用 Firebase 身份验证，您将有一个请求 https://www.gstatic.com/firebasejs/5.0.0/firebase-auth.js ...您需要的任何其他 Firebase 部分。