网站图标未应用于野生动物园

问：

我正在 Bun js 开发服务器上使用 React Helmet Async 应用图标，并且我正在尝试将图标文件作为 ico 文件应用于 Safari。但是野生动物园不起作用。但是，Chrome、Firefox 和 Edge 工作得很好。

但是，当我在 index.html 中应用图标时，它在 safari 中正常工作。 Safari 没有读取 React Helmet Async 的动态图标更改？

这是我的 React Helmet Async 应用程序代码。

import IcoFavicon from 'assets/favicon.ico';
import SvgFavicon from 'assets/favicon.svg';
import { Helmet } from 'react-helmet-async';

<Helmet>
  <link rel="icon" href={IcoFavicon} />
  <link rel="icon" href={SvgFavicon} />
  ...
</Helmet>

我也在 index.html 中使用了 favicon.ico，但它在 chrome 和 safari 中都不起作用。

所以我在 React Helmet Async 中应用了它。

这是我的旧 Index.html 代码。

...
<link rel="icon" href="/favicon.ico" /> // I've tried both %PUBLIC_URL%/favicon.ico and ./favicon.ico as well as this path.
...