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

Posted 2021-04-21

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

ionic start myproject blank --v2 --ts

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

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

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

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

"ionicons": "3.0.0",

我不确定我遗失了什么，

任何帮助将不胜感激。

干杯，

答案

好吧，我也有这个问题，我刚刚找到了解决方案。确保安装了离子。 如果未安装，请将以下内容添加到package.json依赖项中：

ionicons": "3.0.0"并运行npm update

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

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

希望能帮助到你。

另一答案

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

@import "ionicons";