在任何 Javascript 错误期间，Font Awesome 图标都会中断答案

【问题标题】：Font Awesome icons break during any Javascript errors在任何 Javascript 错误期间，Font Awesome 图标都会中断
【发布时间】：2018-04-28 04:15:33
【问题描述】：

为什么当页面上出现 Javascript 错误时，Font Awesome 图标会显示为闪烁的问号？

正确的 Font Awesome 图标正确闪烁 1 秒钟，然后变为 ?

您可以在此页面上看到一些损坏的图标以供参考。另外值得注意的是，Shopify 网站的插件可能不时出现错误，因此很难让这样的网站 100% 无控制台错误。我在使用 Font Awesome 4 和 Font Awesome 5 时都遇到过这个问题：

在 Chrome 版本 65.0.3325.181 上测试麦克高塞拉利昂

编辑：我很傻，使用 CDN 调用 Font Awesome 5 Pro 和 Font Awesome 5 Pro 都是免费的。我删除了免费版本，它现在可以工作了。我会删除这个问题，但不想受到 Stack Overflow 工作人员的惩罚！

【问题讨论】：

当我在浏览器中访问该站点时，我收到此错误以及来自同一域的许多其他错误：“拒绝执行来自 'sdk.beeketing.com/js/beeketing.js?20180427' 的脚本，因为它的 MIME 类型 ('image/ png') 不可执行。"
插件有问题。但它也在起作用。所以我想这是一个权衡。
如果您对任何给出的答案感到满意，请将其标记为“最佳答案”

【解决方案1】：

这是因为一些图标从 v4 更改为 v5。例如，在您提到的那个页面中，“登录”图标，您可以在源代码中看到它被标记为fa fa-sign-in，在Font Awesome Website 中它说它已更改为fas fa-sign-in-alt，它说：

这个图标取代了 Font Awesome 4 的 fa-sign-in 我们创建了一个 shim 来帮助人们从 Font Awesome 4 轻松升级他们现有的项目到 5 并避免那些令人尴尬的丢失图标时刻。

【讨论】：

【解决方案2】：

Font Awesome 会根据您正在加载的版本更改它的图标，我自己也经历过这种情况，我的图标突然变成了 ? 图标

只需将您的图标替换为当前的<i class="fas fa-sign-in-alt"></i> 即可解决您的问题

【讨论】：