Tema Material

Other Languages Discusión en español (Discussion in Spanish)
1

Hola Buenos Dias,
Estoy desarrolando una pequeña demo con el siguiente stack:

  • Spring Boot 2.2.0.RELEASE
  • Vaadin 14.0.10
    todo funciona a la perfección hasta que hago un cambio en el tema de Lumo hacia Material, simplemente la aplicacion ya no inicia, si lo regreso al tema Lumo funciona bien.
@Viewport("width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes, viewport-fit=cover")
@Theme(value = Material.class, variant = Material.DARK)
@PWA(name = "Proyecto Utilitario Supermercado", shortName = "Utilitario")
@BodySize(height = "100vh", width = "100vw")
public class MainLayout extends AppLayout {

Adjunto mensaje de error.

2019-11-15 12:15:28,256 18138 [restartedMain]
 ERROR o.a.c.c.C.[Tomcat]
.[localhost]
.
[/] - Exception sending context initialized event to listener instance of class [com.vaadin.flow.spring.VaadinServletContextInitializer$DevModeServletContextListener]

java.lang.IllegalStateException: 
 Multiple Theme configuration is not supported:
      found 'com.vaadin.flow.theme.material.Material' in 'com.grupolainmaculada.utilitario.vista.MainVista'
      found 'com.vaadin.flow.theme.material.Material' in 'com.grupolainmaculada.utilitario.vista.PrincipalVista'
      found 'com.vaadin.flow.theme.material.Material' in 'com.grupolainmaculada.utilitario.vista.UtiliarioApp'
      found 'com.vaadin.flow.theme.material.Material' in 'com.grupolainmaculada.utilitario.vista.TrendsVista'
      found 'com.vaadin.flow.theme.lumo.Lumo' in 'com.grupolainmaculada.utilitario.vista.login.LoginVistaOO'

Ya hice un mvn clean install y nada.
De antemano gracias por el apoyo.

17947609.png

2

Gerald Varas Vargas:
Hola Buenos Dias,
Estoy desarrolando una pequeña demo con el siguiente stack:

  • Spring Boot 2.2.0.RELEASE
  • Vaadin 14.0.10
    todo funciona a la perfección hasta que hago un cambio en el tema de Lumo hacia Material, simplemente la aplicacion ya no inicia, si lo regreso al tema Lumo funciona bien.
@Viewport("width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes, viewport-fit=cover")
@Theme(value = Material.class, variant = Material.DARK)
@PWA(name = "Proyecto Utilitario Supermercado", shortName = "Utilitario")
@BodySize(height = "100vh", width = "100vw")
public class MainLayout extends AppLayout {

Adjunto mensaje de error.

2019-11-15 12:15:28,256 18138 [restartedMain]

ERROR o.a.c.c.C.[Tomcat]
.[localhost]
.
[/] - Exception sending context initialized event to listener instance of class [com.vaadin.flow.spring.VaadinServletContextInitializer$DevModeServletContextListener]

java.lang.IllegalStateException:
Multiple Theme configuration is not supported:
found ‘com.vaadin.flow.theme.material.Material’ in ‘com.grupolainmaculada.utilitario.vista.MainVista’
found ‘com.vaadin.flow.theme.material.Material’ in ‘com.grupolainmaculada.utilitario.vista.PrincipalVista’
found ‘com.vaadin.flow.theme.material.Material’ in ‘com.grupolainmaculada.utilitario.vista.UtiliarioApp’
found ‘com.vaadin.flow.theme.material.Material’ in ‘com.grupolainmaculada.utilitario.vista.TrendsVista’
found ‘com.vaadin.flow.theme.lumo.Lumo’ in ‘com.grupolainmaculada.utilitario.vista.login.LoginVistaOO’

Ya hice un **mvn clean install** y nada.
De antemano gracias por el apoyo.

y con esto ? espero estar errado.

spring-boot:run -Pproduction

Me esta funcionando con vaadin 14.0.10 y Springboot 2.2.0.RELEASE mas Material.DARK

3

Hola Rubén,
Lamentablemente tampoco funciona ejecutando de esa manera, sigo obteniendo el mismo error.
Gracias

4

Gerald Varas Vargas:
Hola Rubén,
Lamentablemente tampoco funciona ejecutando de esa manera, sigo obteniendo el mismo error.
Gracias

Mmmm usa

@Theme(value = Material.class, variant = Material.DARK)

solo en tu MainLayout, unicamente. y quitalas de aquí

 com.grupolainmaculada.utilitario.vista.MainVista'
 com.grupolainmaculada.utilitario.vista.PrincipalVista'
 com.grupolainmaculada.utilitario.vista.UtiliarioApp'
 com.grupolainmaculada.utilitario.vista.TrendsVista'

Un ejemplo de una clase Main, y unicamente usando estas anotaciones aqui.

@Route
@PWA(name = "Calc", shortName = "Calc")
@Push
@Theme(value = Lumo.class, variant = Lumo.DARK)
@StyleSheet("styles/div-layout-styles.css")
public class MainView extends ...
5

Gracias Ruben,
Efectivamente tenía más de una clase anotada con @Theme.