Изображения в тегах src не отображаются в PhoneGap

Question

У меня есть куча img тегов с содержимым внутри их атрибутов src, однако изображения не появляются, когда приложение загружается в PhoneGap. Однако отображение изображений/видимо отлично в браузере.

Я добавил следующее к моему файлу config.xml в соответствии с документацией, так как я подозревал, что это проблема со списком, однако это не решило проблему.

<allow-navigation href="*" /> 
<access origin="*" /> 

Ниже мой config.xml

<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.private.private" version="0.0.3"> 
 
    <name>private</name> 
 
    <description>private</description> 
 
    <author href="http://private.co.nz" email="contact@private.co.nz">private</author> 
 
    <content src="index.html"/> 
 

 
    <plugin name="cordova-plugin-camera" /> 
 
    <plugin name="cordova-plugin-whitelist" version="1"/> 
 
    
 
    <preference name="permissions" value="none"/> 
 
    <preference name="orientation" value="default"/> 
 
    <preference name="target-device" value="universal"/> 
 
    <preference name="fullscreen" value="false"/> 
 
    <preference name="webviewbounce" value="true"/> 
 
    <preference name="prerendered-icon" value="true"/> 
 
    <preference name="stay-in-webview" value="false"/> 
 
    <preference name="ios-statusbarstyle" value="black-opaque"/> 
 
    <preference name="detect-data-types" value="true"/> 
 
    <preference name="exit-on-suspend" value="false"/> 
 
    <preference name="show-splash-screen-spinner" value="true"/> 
 
    <preference name="auto-hide-splash-screen" value="true"/> 
 
    <preference name="disable-cursor" value="false"/> 
 
    <preference name="android-minSdkVersion" value="14"/> 
 
    <preference name="android-installLocation" value="auto"/> 
 
    
 
    <icon src="icon.png"/> 
 
    <icon src="www/assets/images/icon.png" gap:platform="android"/> 
 
    <icon src="www/assets/images/icon.png" gap:platform="ios"/> 
 
    
 
    <gap:splash src="www/assets/images/splash.png" gap:platform="android" /> 
 
    <gap:splash src="www/assets/images/splash.png" gap:platform="ios" /> 
 
    
 
    <allow-navigation href="*" /> 
 
    <access origin="*" /> 
 
    
 
    <allow-intent href="http://*/*"/> 
 
    <allow-intent href="https://*/*"/> 
 
    <allow-intent href="tel:*"/> 
 
    <allow-intent href="sms:*"/> 
 
    <allow-intent href="mailto:*"/> 
 
    <allow-intent href="geo:*"/> 
 

 
</widget>

Answer 1

Я создал пустой индексный файл с изображениями положить в тегах и они прекрасно работают с размещенной конфигурации.

Я разрабатываю оригинальный проект, используя Angular2, возможно, есть что-то большее, что связано с каркасом.

Это означает, что проблема не в PhoneGap, а в Angular2. В этом случае я исследовал дальше и задал новый вопрос с более подходящим описанием.

Answer 2

где ваши изображения (путь в src) находятся? У меня была аналогичная проблема, и я исправил ее, переместив все мои изображения в корневую папку (www) тот же каталог, что и мой index.html, , насколько я знаю, это известная ошибка с телефонной связью.

Если это так, и вы попробуете это, не забудьте изменить src соответственно.

удачи!