
React AntD菜单本地图标闪烁及解决方案
本文探讨了在React AntD菜单中使用本地字体图标时出现的闪烁问题。如图所示,每次点击菜单项,本地字体图标都会重新加载,造成闪烁效果。
然而,当使用在线字体链接时,问题消失,图标加载仅发生一次。 这表明问题根源在于本地字体文件的重复加载。
经过仔细排查,发现项目中存在字体文件CSS的重复引用。具体来说,6.chunk.js 文件也包含了该CSS文件的引用。
移除6.chunk.js中对字体文件CSS的冗余引用后,图标闪烁问题成功解决。 这提示开发者在使用本地字体文件时,务必检查项目中是否存在重复引用,避免不必要的资源加载和性能问题。










