Ionic framework 为什么离子vue项目中不显示离子图标？

我正在尝试在我的ionic vue项目中添加带有ion图标的图标。我从中复制了代码

这是我的模板

<template>
  <ion-content class="content">
    <h1>Hello</h1>
    <ion-icon name="aperture-outline"></ion-icon>
    <h1>Hello2</h1>
  </ion-content>
</template>

<style scoped>
.content {
  --color: rgb(6, 114, 141);
  --background: rgb(240, 234, 234);
  --padding-top: 50px;
}
</style>

你好
你好
.内容{
--颜色：rgb（61114141）；
--背景：rgb（240234234）；
--填充顶部：50px；
}

这是我的输出

为什么我的图标不显示

---

N.B并不能解决我的问题

我很确定您需要更新图标本身的命名约定——如果我没有弄错的话，文档在这一点上似乎是不正确的

因此：

变成：

<ion-icon name="apertureOutline"></ion-icon>

---

在设置中导入和返回时也是如此。这至少对我有效。

渲染后，

离子图标

是否获得

水合

类？

<ion-icon name="aperture-outline"></ion-icon>

<ion-icon name="apertureOutline"></ion-icon>