在JHipster中添加fa-icon

Question

我的目标：使用一个尚未被JHipster导入的fa-icon

我的尝试：使用以下代码在app.vendor.ts文件中手动添加fa-icon GrinHearts，然后运行yarn run webpack：build命令

/* after changing this file run 'yarn run webpack:build' */
/* tslint:disable */
import '../content/css/vendor.css';

// Imports all fontawesome core and solid icons

import { library } from '@fortawesome/fontawesome-svg-core';
import {
    faUser,
    faSort,
    faSync,
    faEye,
    faBan,
    faTimes,
    faArrowLeft,
    faSave,
    faPlus,
    faPencilAlt,
    faBars,
    faThList,
    faUserPlus,
    faRoad,
    faTachometerAlt,
    faHeart,
    faList,
    faBell,
    faBook,
    faHdd,
    faFlag,
    faWrench,
    faClock,
    faCloud,
    faSignOutAlt,
    faSignInAlt,
    faCalendarAlt,
    faSearch,
    faTrashAlt,
    faAsterisk,
    faTasks,
    faHome,
    faGrinHearts
} from '@fortawesome/free-solid-svg-icons';

// Adds the SVG icon to the library so you can use it in your page
library.add(faUser);
library.add(faSort);
library.add(faSync);
library.add(faEye);
library.add(faBan);
library.add(faTimes);
library.add(faArrowLeft);
library.add(faSave);
library.add(faPlus);
library.add(faPencilAlt);
library.add(faBars);
library.add(faHome);
library.add(faThList);
library.add(faUserPlus);
library.add(faRoad);
library.add(faTachometerAlt);
library.add(faHeart);
library.add(faList);
library.add(faBell);
library.add(faTasks);
library.add(faBook);
library.add(faHdd);
library.add(faFlag);
library.add(faWrench);
library.add(faClock);
library.add(faCloud);
library.add(faSignOutAlt);
library.add(faSignInAlt);
library.add(faCalendarAlt);
library.add(faSearch);
library.add(faTrashAlt);
library.add(faAsterisk);
library.add(faGrinHearts);

// jhipster-needle-add-element-to-vendor - JHipster will add new menu items here

我的问题：我收到此错误

/src/main/webapp/app/vendor.ts(41,5）中的错误：模块'“/ node_modules / @ fortawesome / free-solid-svg-icons / index”'没有导出的成员'faGrinHearts'。

有人可以帮帮我吗？

谢谢！

Answer 1

您需要更新您的@fortawesome/free-solid-svg-icons包，FaGrinHearts图标不包含在v5.1.0-8中，仅在v5.1.0+中。我建议使用最新版本，即v5.2.0。您可以在npmjs上查看版本及其发布的顺序