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">
- 使用
Ctrl+C
停止ionic serve
。
- 打开
package.json
。
- 删除
homepage
字段。
- 使用
ionic serve
命令启动 ionic serve
。
应该可以。在我的例子中,它正在寻找 url 中提到的 homepage
的 assets
文件夹,而不是查找本地文件夹。
我是 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">
- 使用
Ctrl+C
停止ionic serve
。 - 打开
package.json
。 - 删除
homepage
字段。 - 使用
ionic serve
命令启动ionic serve
。
应该可以。在我的例子中,它正在寻找 url 中提到的 homepage
的 assets
文件夹,而不是查找本地文件夹。