Ionic 2 - 本地图像不会显示

Ionic 2 - Local image wont display

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

目前我正在尝试在一页中使用本地图片。这就是我尝试使用此代码的原因。

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

不幸的是,它不起作用。这就是为什么我开始 google 它,他们建议对 gulpfile js 进行一些更改。这还存在吗?似乎他们在测试版和发行版之间也发生了很多变化。

提前致谢。

您好, 卢卡

如果您使用当前版本的 Ionic (RC1),包括应用程序脚本等所有环境,您应该将图像放入 src/assets。 在构建过程中('ionic serve' 或 'ionic build [PLATFORM]'),这将被复制到 www/assets。 为了在您的模板中正确 link 它们,您必须像这样 link 它们:

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

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

<img src="assets/img/icon.jpeg">
  1. 使用Ctrl+C停止ionic serve
  2. 打开package.json
  3. 删除 homepage 字段。
  4. 使用 ionic serve 命令启动 ionic serve

应该可以。在我的例子中,它正在寻找 url 中提到的 homepageassets 文件夹,而不是查找本地文件夹。