【问题标题】:assets images are not loading in ionic 3 in development mode Ionic Serve在开发模式下,资产图像未在 ionic 3 中加载 Ionic Serve
【发布时间】:2019-10-08 21:20:56
【问题描述】:

我正在使用 IONIC 3.20.1,但我遇到了问题,资产图像也无法在浏览器或设备上呈现。

在 src 文件夹中创建示例项目时,文件夹结构相同,然后是 assets,然后是 imgs。

但是在 ionic 服务之后图像没有加载到浏览器上。我尝试了以下所有路径。

<img float-right src="../assets/imgs/user.png" /> 
<img float-right src="../../assets/imgs/user.png" /> 
<img float-right src="/assets/imgs/user.png" /> 
<img float-right src="./assets/imgs/user.png" /> 
<img float-right src="assets/imgs/user.png" />

但没有任何效果。请帮帮我。

Please check the link also.

【问题讨论】:

  • 确保路径正确,试试
  • 路径正确,但浏览器不渲染。我仔细检查了 src 中的 assets 文件夹是否可用,里面有 imgs 文件夹和图像。
  • 你能用 stackbliz 重现吗?
  • 尝试两件事:1) 重命名您的 .png 文件 2) 使用不同的图像
  • @AbdulAzeem ,好的,我要试试。

标签: ionic-framework ionic3 ionic-serve


【解决方案1】:

我尝试了所有方法,例如重命名图像名称、更改文件夹名称。但在“离子服务”的情况下不起作用。

  • 之后,我为 Visual Studio 安装了 Cordova 工具扩展 代码。

  • 添加了配置文件。 (launch.json)

  • 然后使用命令'ionic cordova platform add browser'添加浏览器平台
  • 最后,使用“RunBrowser”选项调试应用程序

  • 现在图像已正确渲染

  • 截图http://prntscr.com/nrw5fr

【讨论】:

    猜你喜欢
    • 2019-08-29
    • 1970-01-01
    • 2018-09-04
    • 2021-02-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-05
    • 1970-01-01
    相关资源
    最近更新 更多