Vaadin Designer Не редактируемый пользовательский компонент

Недавно я использовал Vaadin и хотел использовать конструктор для изменения страницы по умолчанию, заданной при создании проекта vaadin.

Однако я продолжаю получать эту ошибку: "Не удалось открыть конструкторское представление: не удалось разобрать визуально редактируемый класс, вызванный не редактируемым компонентом CustomComponent"

Код выглядит следующим образом:

import javax.servlet.annotation.WebServlet;

import com.vaadin.annotations.Theme;
import com.vaadin.annotations.VaadinServletConfiguration;
import com.vaadin.server.VaadinRequest;
import com.vaadin.server.VaadinServlet;
import com.vaadin.ui.UI;
import com.vaadin.ui.VerticalLayout;

@SuppressWarnings("serial")
@Theme("timekeeper")
public class TimekeeperUI extends UI {

    VerticalLayout layout = new VerticalLayout();

    @WebServlet(value = "/*", asyncSupported = true)
    @VaadinServletConfiguration(productionMode = false, ui = TimekeeperUI.class)
    public static class Servlet extends VaadinServlet {
    }

    @Override
    protected void init(VaadinRequest request) {
        layout.setMargin(true);
        setContent(layout);
    }

}

Я думаю, что у меня установлен xulrunner правильно, поскольку я не получаю эту ошибку, когда запускаю eclipse.

Любая помощь оценивается.