Ionic 2 Beta 空白项目未显示离子答案

【问题标题】：Ionic 2 Beta blank project not showing ioniconsIonic 2 Beta 空白项目未显示离子
【发布时间】：2016-12-12 13:35:48
【问题描述】：

我最近通过输入以下内容安装了 Ionic 2 的 Beta

ionic start myproject blank --v2 --ts

一切顺利，通过 ionic 2 文档，我想使用提供的代码添加一些图标，就像这样

<ion-icon name="add-circle"></ion-icon>

但是当我查看我的项目时，它要么只显示一个黑框，要么什么都没有。

我的 package.json 文件还包括以下行

"ionicons": "3.0.0",

我不确定我错过了什么，

任何帮助将不胜感激。

干杯，

【问题讨论】：

【解决方案1】：

好的，我也遇到了这个问题，我刚刚找到了解决方案。确保您已安装 ionicons。

如果未安装，请将以下内容添加到您的 package.json 依赖项中：

ionicons": "3.0.0" 并运行 npm update

之后，将其添加到 app/theme folder 下的 app.core.scss 文件中。

@import "/node_modules/ionicons/dist/scss/ionicons";

希望对你有帮助。

【讨论】：

【解决方案2】：

我在从 Ionic 2 beta 迁移到 2.0.0-rc.5 时遇到了同样的问题。查看 starter tutorial 源代码后，我意识到 src/theme/variables.scss 缺少这个导入：

@import "ionicons";

【讨论】：