gpt4 book ai didi

html - 从 node_modules 导入时 Ionicons 不显示

转载 作者:可可西里 更新时间:2023-11-01 15:02:17 26 4
gpt4 key购买 nike

所以我的样式文件看起来像这样:

@import "normalize.css";
@import "ionicons/dist/css/icons.min.css";
@import "base/_grid";
@import "base/_variables";
@import "base/_mixins";
@import "base/_global";

@import "modules/_wrapper";
@import "modules/_row";
@import "modules/_hero";
@import "modules/_buttons";
@import "modules/_main-navigation";

除了 ionicons 之外的所有东西都工作正常,并且 ionicons.min.css 文件以及 normalize.css 等都显示在捆绑的 css 文件中。问题是图标不显示,除非我手动将 cdn 包含在index.html 文件...我在这里缺少什么..?

因此,当包含在 node_modules 中时,ionicons 不会出现在源代码中。

感谢大家的帮助!

最佳答案

你能检查一下它是否与此类似(没有加载图标):https://github.com/ionic-team/ionicons/issues/526

如果是这样,您可以使用 https://github.com/ionic-team/ionicons/issues/499 中描述的 Web 组件机制

我基本上将这个脚本包含在 index.html 中:

<!-- Fix for missing ionicons if using lazy loaded pages -->
<script src="https://unpkg.com/ionicons@4.0.0-11/dist/ionicons.js"></script>

这样,您就可以按预期方式使用 ionicons:

 <button [navPush]="'admin'" ion-button icon-end>
Admin
<ion-icon name="star"></ion-icon>
</button>

如果您想离线使用它,我在我的存储库中下载了 (700) 个文件。另外,如果您只想看到它的实际效果,请访问: https://github.com/ScaleIT-Org/ionic-app-skeleton/tree/ionicon-workaround-fix

关于html - 从 node_modules 导入时 Ionicons 不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44824228/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com