ionic2 - Ionic 2 Beta 空白项目未显示离子

Question

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

ionic start myproject blank --v2 --ts

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

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

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

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

"ionicons": "3.0.0",

我不确定我错过了什么，

任何帮助将不胜感激。

干杯，

Answer 1

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

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

ionicons": "3.0.0"并运行npm update

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

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

希望能帮助到你。

Answer 2

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

@import "ionicons";