Javascript 尝试使用vue超级图标但遇到问题

我正在尝试使用vue awesome中的常规窗口关闭图标。我已通过以下方式加载我的vue awesome：

import 'vue-awesome/icons';
import Icon from 'vue-awesome/components/Icon.vue';

Vue.component('icon', Icon);

根据此处的文档，我可以通过以下方式加载：

<icon name="window-close"></icon>

但这默认为实心图标。但是，我不想用固体，我想用普通的。根据他们的文档，似乎应该是：

<icon name="regular/window-close"></icon>

但这给了我以下错误：

---

如何使用vue awesome的常规图标？

根据我们的评论和聊天，您的

vue awesome

软件包似乎已经过时

您可以使用更新包

npm install vue-awesome --latest
// OR
yarn add vue-awesome@latest

---

使用

：name

绑定属性，如果值为

窗口关闭

  <icon :name="'window-close'"></icon>

thx-我尝试了导入'vue awesome/icons/regular'，但它无法编译并获取错误

未找到模块：错误：无法解析'vue awesome/icons/regular'

。所以我不知道下一步该怎么办。如果我将cd放入节点\模块/图标/-则没有reqular文件夹。我需要安装或更新这个吗？好的，给我一些时间在我的测试项目中进行测试。thx-我知道这对我来说是非常幼稚的。谢谢你的帮助，好吧，这很奇怪。我完全复制了你的代码，它对我有效。我在从“vue Aweasome/components/Icon”导入图标后有一行

导入“vue Aweasome/icons”

您能试试这个方法吗？如果这对您有效，我将更新我的答案。让我们一起分享。您能分享

Icon.vue

？