1

Estoy haciendo una app en nativescript y al querer hacer un icono me da el sigueinte error:

JS: Error in downloadBitmap - java.net.MalformedURLException: no protocol: ./app/img/icons/facebook.svg

Mi archivo facebook.svg se encuentra en la siguiente ruta:

proyecto\src\app\img\icons

en mi archivo app.js

.fb-ico{
    background-image: url('./app/img/icons/facebook.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 400px;
    height: 400px;
}

login.component.html

<button class="fb-ico"></button>

estructura de mi app introducir la descripción de la imagen aquí

1 respuesta 1

1

Estas tratando de descargar una imagen, si ves el mensaje de error indica:

MalformedURLException: no protocol: ./app/img/icons/facebook.svg

el problema es que intenta descargar una imagen mediante el protocolo https:// ( o http:// ) y este no esta presente, ya que estas usando :

./app/img/icons/facebook.svg

La documentación de NativeScript indica las posibles formas de cargar imagenes:

  • Para URL (prefijo http:// o https:// )
  • Para archivo local (prefijo ~/)
  • Para recurso (prefijo res://)

Actualización:

NativeScript no soporta graficos vectoriales .svg

4
  • Ahora lo estoy haciendo de esta manera: background-image: url('~/../app/img/icons/facebook.svg'); y ahora me dice lo siguiente: JS: Error in reading bitmap - java.io.FileNotFoundException: /data/data/org.nativescript.workingreatapp/files/app/../app/img/icons/facebook.svg: open failed: ENOENT (No such file or directory)
    – xWesko
    Commented el 31 ene. 2020 a las 23:41
  • @LuisHernandez cargalo usando res:// !
    – Jorgesys
    Commented el 31 ene. 2020 a las 23:55
  • ya leí la documentación que me pasaste y no soporta .SVG y lo coloque como .PNG y reinicie el emulador y funcionó, al final quedo de esta manera: background-image: url('~/app/img/icons/facebook.png'); Muchas gracias!
    – xWesko
    Commented el 31 ene. 2020 a las 23:58
  • 1
    @LuisHernandez no me había percatado usabas un gráfico vectorial :|
    – Jorgesys
    Commented el 31 ene. 2020 a las 23:59

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.