为什么更新后我的 Ionic 应用程序中的 SVG 图标 URL 发生了变化?
Why have the urls to SVG-icons in my Ionic app changed after update?
我正在更新旧的 Ionic 应用程序:
- Angular: 8.2.9 => 11.2.12
- Angular CLI:8.3.8 => 11.2.11
- 离子:4.10.0 => 5.6.6
- 离子 CLI:5.4.16 => 6.14.0
当我 运行 在本地(使用离子服务)应用程序启动时,但 SVG 图标不显示。
如果我查看一个特定的图标,我会在源文件中找到该图标的两个版本:
- \src\assets\custom-ion-icons\md-br-home.svg
- \src\assets\custom-ion-icons\ios-br-home.svg
使用图标的地方看起来很简单:
<ion-icon name="br-home"></ion-icon>
当 运行使用旧版本的应用程序时,图标会被获取并显示为 url:
http://localhost:8100/svg/md-br-home.svg
但是,运行更新后,应用请求此 url:
http://localhost:8100/svg/br-home.svg
我不确定“md-”部分是如何添加到旧版本应用程序中的,但不知何故它已经消失了。
如果我将 md-br-home.svg 的文件名更改为 br-home.svg,它作品。也许这就是解决方案?但是当我构建和分发这个应用程序时,这会不会把事情搞砸?我想更好地了解我应该如何工作。
刚刚找到我问题的答案。
将 Ionic 从 4 更新到 5 会更改图标 (ionicons) 的处理方式。不再使用特定于平台的变体,因此不再使用文件名中的“md-”和“ios-”。
https://github.com/ionic-team/ionicons/releases/tag/5.0.0
我只是更改了以“md-”开头的 SVG 文件的名称(例如 md-br-home.svg 到 br-home.svg),然后删除了以“ ios-".
我还使用了一些已被删除或重命名的标准 ionicons 图标,所以我也必须修复它。上面链接的页面上提供了所有更改的列表。
我正在更新旧的 Ionic 应用程序:
- Angular: 8.2.9 => 11.2.12
- Angular CLI:8.3.8 => 11.2.11
- 离子:4.10.0 => 5.6.6
- 离子 CLI:5.4.16 => 6.14.0
当我 运行 在本地(使用离子服务)应用程序启动时,但 SVG 图标不显示。
如果我查看一个特定的图标,我会在源文件中找到该图标的两个版本:
- \src\assets\custom-ion-icons\md-br-home.svg
- \src\assets\custom-ion-icons\ios-br-home.svg
使用图标的地方看起来很简单:
<ion-icon name="br-home"></ion-icon>
当 运行使用旧版本的应用程序时,图标会被获取并显示为 url: http://localhost:8100/svg/md-br-home.svg
但是,运行更新后,应用请求此 url: http://localhost:8100/svg/br-home.svg
我不确定“md-”部分是如何添加到旧版本应用程序中的,但不知何故它已经消失了。
如果我将 md-br-home.svg 的文件名更改为 br-home.svg,它作品。也许这就是解决方案?但是当我构建和分发这个应用程序时,这会不会把事情搞砸?我想更好地了解我应该如何工作。
刚刚找到我问题的答案。
将 Ionic 从 4 更新到 5 会更改图标 (ionicons) 的处理方式。不再使用特定于平台的变体,因此不再使用文件名中的“md-”和“ios-”。
https://github.com/ionic-team/ionicons/releases/tag/5.0.0
我只是更改了以“md-”开头的 SVG 文件的名称(例如 md-br-home.svg 到 br-home.svg),然后删除了以“ ios-".
我还使用了一些已被删除或重命名的标准 ionicons 图标,所以我也必须修复它。上面链接的页面上提供了所有更改的列表。