Error al empaquetar con PWABuilder
Quote from Juan Bermúdez on October 7, 2022, 2:29 amEstoy usando un icono PNG de 512×512 y la PWA funciona bien. Sin embargo, al intentar empaquetar para las stores con PWABuilder me da este error "Icons should have one icon with purpose set to any, and one for maskable".
¿Me podéis ayudar?
Estoy usando un icono PNG de 512×512 y la PWA funciona bien. Sin embargo, al intentar empaquetar para las stores con PWABuilder me da este error "Icons should have one icon with purpose set to any, and one for maskable".
¿Me podéis ayudar?
Quote from luishp on October 7, 2022, 12:31 pmHola @juan-bermudez, parece que han incrementado los requisitos necesarios para compilar una PWA, pero afortunadamente (hasta que publiquemos una nueva versión) es sencillo de subsanar.
Fíjate que cuando compilas para PWA se genera automáticamente un archivo con el nombre manifest.webmanifest que puedes editar con el bloc de notas antes de subirlo al servidor.
Ahí es donde se indican todas las características de la aplicación incluyendo los iconos. La versión actual de VisualNEO Web incluye una información parecida a esta:
{ "name": "Bibliotecas de Collado Villalba", "scope": "/", "start_url": "index.html", "theme_color": "#3174ae", "background_color": "#3174ae", "short_name": "Bibliotecas", "description": "Bienvenid@ a la página web de las Bibliotecas de Collado Villalba: Miguel Hernández y Sancho Panza", "author": "SinLios Soluciones Digitales", "lang": "es", "version": "5.1", "display": "standalone", "orientation": "any", "icons": [{ "src": "img/icono.png", "sizes": "512x512", "purpose": "any maskable" }] }Fíjate en la sección "icons" donde se incluye un solo icono para "any" y "maskable". Habría que cambiarlo por algo como lo siguiente:
"icons": [{ "src": "img/icono.png", "sizes": "512x512", "purpose": "any" },{ "src": "img/icono.png", "sizes": "512x512", "purpose": "maskable" }]Es decir se necesita especificar cada icono por separado en lugar de ambos juntos.
Dime por favor si esto resuelve el problema y trataré de corregirlo en la próxima versión de VisualNEO Web lo antes posible.Muchas gracias!
Hola @juan-bermudez, parece que han incrementado los requisitos necesarios para compilar una PWA, pero afortunadamente (hasta que publiquemos una nueva versión) es sencillo de subsanar.
Fíjate que cuando compilas para PWA se genera automáticamente un archivo con el nombre manifest.webmanifest que puedes editar con el bloc de notas antes de subirlo al servidor.
Ahí es donde se indican todas las características de la aplicación incluyendo los iconos. La versión actual de VisualNEO Web incluye una información parecida a esta:
{
"name": "Bibliotecas de Collado Villalba",
"scope": "/",
"start_url": "index.html",
"theme_color": "#3174ae",
"background_color": "#3174ae",
"short_name": "Bibliotecas",
"description": "Bienvenid@ a la página web de las Bibliotecas de Collado Villalba: Miguel Hernández y Sancho Panza",
"author": "SinLios Soluciones Digitales",
"lang": "es",
"version": "5.1",
"display": "standalone",
"orientation": "any",
"icons": [{
"src": "img/icono.png",
"sizes": "512x512",
"purpose": "any maskable"
}]
}
Fíjate en la sección "icons" donde se incluye un solo icono para "any" y "maskable". Habría que cambiarlo por algo como lo siguiente:
"icons": [{
"src": "img/icono.png",
"sizes": "512x512",
"purpose": "any"
},{
"src": "img/icono.png",
"sizes": "512x512",
"purpose": "maskable"
}]
Es decir se necesita especificar cada icono por separado en lugar de ambos juntos.
Dime por favor si esto resuelve el problema y trataré de corregirlo en la próxima versión de VisualNEO Web lo antes posible.
Muchas gracias!
Quote from Juan Bermúdez on October 7, 2022, 12:55 pmSí, así se soluciona. Gracias.
Sí, así se soluciona. Gracias.