如何在Angular 4 cli项目中导入ionicons（Sass）

Question

3

如何在运行ng serve（npm start）的Angular 4 cli项目中添加ionicons（Sass）？

我按照以下步骤操作：

1. 导入ionicons库：

`@import "~ionicons/dist/scss/ionicons";`

2. 在variables.scss中：

`$ionicons-font-path: "~ionicons/dist/fonts";`

控制台没有给出错误，但字体没有被加载，图标也没有显示。

使用

``

可以正常工作。

- Andre

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gayan Kalhara · Accepted Answer

我通过将package.json中的ionicons版本更改为2.0.1来解决了这个问题。在最新版本的Ionicons中它不起作用。

因此，在package.json中：

"ionicons": "2.0.1"

这是我在主SCSS文件中的导入方式。

$ionicons-font-path: "../../../node_modules/ionicons/fonts";

@import "~ionicons/scss/ionicons";

这是HTML代码。

<i class="ion-location"></i>