为什么我的 Vue 应用程序将 <!--[if IE]> ... <![endif]--> 添加到我在 index.html 中的图标引用？

Question

我创建了一个 Vue 3 Web 应用程序，包含 Vuex、Vue Router 等，并且我还填写了清单并设置了 PWA 功能。我注意到在生产中我的网站图标未加载，并且应用了默认浏览器图标。

我检查了 Chrome 开发工具中的“元素”选项卡，发现对我的图标的引用已包含在 Internet Explorer 的 if 语句中。

例子：

<!--[if IE]><link rel="icon" type="image/x-icon" href="/resources/icons/favicon.ico" /><![endif]-->

我还在清单中引用了该图标，并为其提供了许多尺寸选项，尽管我现在只有一种尺寸的文件。(256x256)

“公共”文件夹正在按预期工作，例如。我可以导航到 myapp.com/resources/icons/favicon.ico，它在构建后成功返回文件。

安装 PWA 后，它确实使用清单中正确大小的图像，在桌面和移动设备上的 Chrome 上安装似乎都可以很好地显示图标，尽管这些是不同的资产。

我应该只在index.html 或清单中指定favicon，而不是两者都指定吗？清单或我的 Vue 应用程序中是否有某个设置触发应用此“IE if”语句？

我仍然不太热衷于这种清单业务或一般的 PWA，但我想创造良好的客户体验，因此您可以向我提供的任何信息将不胜感激。

谢谢。