【问题标题】:SvelteKit is not loading icons from IONICONSSvelteKit 没有从 IONICONS 加载图标
【发布时间】:2021-10-21 12:07:02
【问题描述】:

我目前正在使用ionicons 作为项目的图标包,当您手动刷新页面( cmd + R )时,之前呈现的所有图标都会消失。但是,当通过 href 或初始加载在整个应用程序中导航时,所有图标都会正确呈现。

复制步骤

  1. 将图标 ionicons 脚本添加到 app.html 正文中
  2. 将图标添加到任何精简页面,例如<ion-icon name="add-outline"></ion-icon>
  3. 手动刷新页面(cmd + R 等....)并查看图标不呈现

请参阅 here 以获取该错误的复制 repo

【问题讨论】:

  • 一种选择是在代码中简单地使用离子图标作为 SVG。没有依赖,它们会完美呈现。

标签: server-side-rendering svelte sveltekit


【解决方案1】:
  1. 这个项目选择了一个很奇怪而且我认为是不好的方式来分发图标。
  2. 这种方式与大多数异步用法不兼容。
  3. 他们在过去 3 年中遇到了一个关于它的错误 https://github.com/ionic-team/ionicons/issues/608

你可以试试这个建议https://github.com/ionic-team/ionicons/issues/646#issuecomment-536150373,但我强烈建议迁移到不同的图标集。这些图标项目专为 Ionic 框架或静态网站设计。

【讨论】:

    猜你喜欢
    • 2012-09-12
    • 2015-08-08
    • 2016-11-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-08-05
    • 2022-10-16
    • 2015-10-20
    相关资源
    最近更新 更多