Images do not display when using Adobe PhoneGap + Angular2 (pictures & src)

半世苍凉 提交于 2020-01-04 13:11:27

问题


I have created a brand new project using the cli.

I have tried adding a few image tags, each with a different kind of source. (local image, image from the web, image via https source)

On the browser, this renders all of them just fine, however when the project is built using Adobe PhoneGap (via the PhoneGap Desktop debugger + companion app), the images do not display.

The same project made purely in html (an index.html file with only one img tag) also works just fine

The inspector shows that the images are in their containers, with the correct links, however nothing appears on the screen.

I have tried using both

ng build --prod
ng build --prod --aot

In both cases, no change.

Project src: http://drive.google.com/open?id=0B3Fuz1vCRaY_T2hVeDJQcEswVGc

I'm using: http://docs.phonegap.com/references/desktop-app/

And : http://play.google.com/store/apps/details?id=com.adobe.phonegap.app&hl=en


Bonus Images:

The phone displays the site being rendered in PhoneGap using the developer app above. The computer screen displays the same page being loaded in browser.

When all I have is an image tag: http://imgur.com/DkbCliQ

When the image tag is inside an angular project, placed in the main component's template (app.component) then built with --prod --aot http://imgur.com/Wmf88Wl

来源:https://stackoverflow.com/questions/40858034/images-do-not-display-when-using-adobe-phonegap-angular2-pictures-src

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!