离子2 - 局部图像不会显示

Question

我对Ionic 2很新。我从Ionic 1切换，因为它感觉是更好的选择。对我而言，似乎已经进行了许多结构和语法更改。

目前我试图在一个页面中使用本地图片。 Thatswhy我试图使用这段代码。

<img src="../../../www/img/icon.jpeg">

不幸的是它不起作用。 Thatswhy我开始谷歌它，他们建议在gulpfile js做一些改变。这还存在吗？似乎他们在beta版和发行版之间也发生了很多变化。

提前多多谢谢。

问候， 卢卡

Answer 1

如果您使用当前版本的Ionic（RC1），包括应用程序脚本等所有环境，您应该将图像放入src / assets。 在构建过程中（＆＃39;离子服务＆＃39;离子构建[平台]＆＃39;）这将被复制到www / assets。 为了在模板中正确链接它们，您必须将它们链接起来：

<img src="assets/icon.jpeg">

我个人在assets文件夹中创建了一个img文件夹，以将其与其他内容分开。显然，在这种情况下，您必须将链接调整为类似

的链接

<img src="assets/img/icon.jpeg">

Answer 2

1. 使用ionic serve停止Ctrl+C。
2. 打开package.json。
3. 删除homepage字段。
4. 使用ionic serve命令启动ionic serve。

应该可以。在我的情况下，它正在查找URL中的assets文件夹（称为homepage，而不是查找本地文件夹。