一些 vue bootstrap-vue 图标不适用于 nuxt

Question

到目前为止，我将 Nuxt 与 bootstarp-vue 一起使用，所有组件都按预期工作。但是一些 bootstrap-vue 图标没有显示

index.vue

<b-icon-arrow-up></b-icon-arrow-up>
<b-icon icon="bar-chart-fill"></b-icon>
<b-icon icon="cart"></b-icon>

nuxt.config.js

modules: [
    'bootstrap-vue/nuxt',
],
bootstrapVue: {
    icons: true,
},

b-icon-arrow-up 和 b-icon icon="bar-chart-fill" 都在工作并作为 SVG 进入 DOM。只是 b-icon icon="cart" SVG 标签中有一个空的 g。我还尝试了更多图标以及相机、斜线圆圈和警报，后退图标不像购物车那样出现。

我也试过像这样从 bootstarp-vue 中将购物车作为一个组件拉出来，

import { BIcon, BIconCart } from 'bootstrap-vue'
.....
export default {
  components: {
    BIcon,
    BIconCart
  },
....

这也不起作用我只是出错说找不到组件BIconCart

Answer 1

您使用的 BootstrapVue 版本可能没有您要查找的图标，因此请尝试将 BootstrapVue 更新到最新版本。

查看哪个版本的 BootstrapVue 包含哪个版本的 Bootstrap-图标

截至目前的参考 post：

some vue bootstrap-vue icons not working with nuxt