Blazor中Bootstrap Icons无法显示，请求排查错误原因

核心原因：图标版本不兼容 #

你引用的是Bootstrap Icons 1.3.0版本，但bi-0-circle这个图标是在v1.5.0才新增的，1.3.0版本的图标库中根本没有这个图标，所以自然无法显示。

解决步骤 #

• 升级Bootstrap Icons版本
  把App.razor里的CDN链接换成版本号≥1.5.0的资源，比如用最新稳定版：

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
  

  若需固定版本，确保版本号不低于1.5.0即可。

• 验证加载状态
  打开浏览器开发者工具（F12）切换到「网络」标签，刷新页面，检查Bootstrap Icons的CSS文件是否以200状态码成功加载。如果加载失败，检查网络连接，或换成本地引入方式。

• 清除缓存
  Blazor应用可能存在缓存问题，尝试：

  • 强制刷新页面（Ctrl+F5）
  • 重启开发服务器
  • 清除浏览器缓存

• 测试基础图标
  先使用1.3.0版本已有的基础图标验证配置是否正常，比如：

  <i class="bi bi-house"></i>
  

  若这个图标能显示，说明配置没问题，升级版本后bi-0-circle即可正常显示。

内容的提问来源于stack exchange，提问作者Krafter