Problemas con un add-on y el Widgetset

Buenas,

Estoy intentado añadir un add-on a mi app pero cuando la ejecuto en el servidor me dice que tiene un problema con el WidgetSet y no se lo que es
Alguien sabe de algun tutorial o me podria ayudar con el widgetset?

Muchas gracias de antemano

Hola,

muestra que version de vaadin estas usando, debes de compilar tu addon primero, intenta con mvn clean install , tu pom.xml deberia estar también correcto.

Uso Vaadin 8, y ya he instalado el addon con maven y sigue apareciendo lo del widgetset

Me sale este mensaje

17625916.bmp (481 KB)

despues de aplicar el comando de arriba, oprime control+f5 para ignorar la cache de chrome.

Nada, lo mismo

pasame el nombre del addon

AdvancedTokenField

https://vaadin.com/directory/component/advancedtokenfield-add-on/0.5.1

Es este

Ernesto Vivar:
AdvancedTokenField

https://vaadin.com/directory/component/advancedtokenfield-add-on/0.5.1

Me funciona bien con vaadin 8.4.1 claro tambien use springboot es mas facil.

ahora usare vaadin 8.3.2, como decia jack el destripador empecemos por trozos.

el comando para compilar el tema es este

vaadin:compile-theme

el pom.xml lo tengo de esta manera

<?xml version="1.0"?>
<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"
         xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <modelVersion>4.0.0</modelVersion>

    <parent>
        <groupId>com.test</groupId>
        <artifactId>Token</artifactId>
        <version>1.0-SNAPSHOT</version>
    </parent>

    <groupId>Token</groupId>
    <artifactId>test</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>

    <properties>
        <failOnMissingWebXml>false</failOnMissingWebXml>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
        <vaadin.version>8.3.2</vaadin.version>
    </properties>

    <repositories>
        <repository>
            <!-- Many Vaadin add-ons are only available from
                 vaadin-addons repository (aka vaadin.com/directory).
            -->
            <id>vaadin-addons</id>
            <url>http://maven.vaadin.com/vaadin-addons</url>
        </repository>
        <repository>
            <!-- Repository for Vaadin prerelease versions -->
            <id>vaadin-prereleases</id>
            <url>http://maven.vaadin.com/vaadin-prereleases</url>
        </repository>
    </repositories>
    <pluginRepositories>
        <pluginRepository>
            <!-- Repository for Vaadin prerelease versions -->
            <id>vaadin-prereleases</id>
            <url>http://maven.vaadin.com/vaadin-prereleases</url>
        </pluginRepository>
    </pluginRepositories>

    <dependencyManagement>
        <dependencies>
            <dependency>
                <groupId>com.vaadin</groupId>
                <artifactId>vaadin-bom</artifactId>
                <version>${vaadin.version}</version>
                <type>pom</type>
                <scope>import</scope>
            </dependency>
        </dependencies>
    </dependencyManagement>

    <dependencies>

        <!-- AdvancedTokenField -->
        <dependency>
            <groupId>com.fo0.advancedtokenfield</groupId>
            <artifactId>AdvancedTokenField</artifactId>
            <version>0.5.1</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>com.vaadin</groupId>
            <artifactId>vaadin-server</artifactId>
        </dependency>
        <dependency>
            <groupId>com.vaadin</groupId>
            <artifactId>vaadin-client-compiled</artifactId>
        </dependency>
        <dependency>
            <groupId>com.vaadin</groupId>
            <artifactId>vaadin-themes</artifactId>
        </dependency>
    </dependencies>


    <build>
        <plugins>
            <plugin>
                <groupId>org.eclipse.jetty</groupId>
                <artifactId>jetty-maven-plugin</artifactId>
                <version>9.3.7.v20160115</version>
            </plugin>

            <!-- Vaadin maven plugin for client-side compilation -->
            <plugin>
                <groupId>com.vaadin</groupId>
                <artifactId>vaadin-maven-plugin</artifactId>
                <version>${vaadin.version}</version>
                <executions>
                    <execution>
                        <goals>
                            <goal>update-widgetset</goal>
                            <goal>compile</goal>
                        </goals>
                    </execution>
                </executions>
                <configuration>
                    <!-- The widgetset compilation mode (local / fetch from CDN
                         / CDN only). The allowed values are "local", "fetch"
                         and "cdn".
                    -->
                    <widgetsetMode>local</widgetsetMode>
                </configuration>
            </plugin>
        </plugins>
    </build>

</project>

el archivo addon.scss

/* This file is automatically managed and will be overwritten from time to time. */
/* Do not manually edit this file. */
/* Provided by searchdropdown-0.3.0.jar */
@import "../../../VAADIN/addons/searchdropdown/searchdropdown.scss";

/* Import and include this mixin into your project theme to include the addon themes */
@mixin addons {
    @include searchdropdown;
}


el archivo styles.css

@import "mytheme.scss";
@import "addons.scss";
@import "../../../../resources/VAADIN/addons/searchdropdown/searchdropdown.scss";

// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
// The actual styles should be defined in mytheme.scss

.mytheme {
  @include addons;
  @include mytheme;
  @include searchdropdown;
}

dentro de

src\main\resources\VAADIN\themes\mytheme

luego de tener eso listo, es que usaremos el comando para compilar el tema

vaadin:compile-theme

mvn clean install

mvn jetty:run

MyUI

@Theme("mytheme")
public class VaadinUI extends UI {

    private AdvancedTokenField advancedTokenField = new AdvancedTokenField();
    private VerticalLayout verticalLayout = new VerticalLayout(advancedTokenField);
	
    @Override
    protected void init(VaadinRequest vaadinRequest) {
        advancedTokenField.setAllowNewTokens(true);

        setContent(verticalLayout);

    }

}

Nos podría quedar de la siguiente manera, control+f5 en el browser

Solucionado, muchas gracias