Как использовать JavaScript для создания простого нового компонента в Java для Vaadin ⇐ JAVA

[Anonymous]

Я работал с Ваадином раньше, но не мог понять, как построить свои собственные компоненты ваадина с JavaScript с нуля. Затем я проделал некоторую работу с Perl, Mojolicious, JavaScript, HTML и построением моих компонентов HTML+JavaScript, работающих как очарование. JavaScript к нему. Я следовал учебному пособию Vaadin, но продолжаю получать ошибку. < /P>

Код: Выделить всё

import com.vaadin.flow.component.Component;
import com.vaadin.flow.component.Tag;
import com.vaadin.flow.component.dependency.JavaScript;
import com.vaadin.flow.component.dependency.JsModule;
import com.vaadin.flow.dom.Element;

//@JavaScript("keyboard-german.js")
//@Tag("cerebrummi_keyboard")
//@JsModule("keyboard-german.js")
public abstract class Keyboard extends Component
{
private static final long serialVersionUID = -4476014165075742457L;

public Keyboard()
{

}

public Keyboard(Element element)
{
super(element);

}
}
< /code>
Каждое из тегов приводит к одной и той же ошибке: < /p>

Ошибка во время сборки: [31m [VITE]: ROLLUP не удалось разрешить Import
"keyboard-german.js ". Разбейте приложение
во время выполнения. Если вы действительно хотите внешне этого модуля явно добавить
it в 'build.rollupoptions.external' < /p>
< /blockquote>
где я найду 'build.rollupoptions.external'? Я погуглил, но не смог найти ответ.
export var cerebrummi_keyboard = "This will become the keyboard";

< /code>
Файл .js был сначала рядом с файлом keyboard.java. Позже я переместил его в корень проекта. Я также изменил vite.config.ts 

, но не смог найти решение, хотя чтение в справочнике Veite. Речь идет не только о том, где разместить файл JavaScript. Как должен выглядеть файл JavaScript, какие теги использовать в Ваадине? Я понимаю и учусь лучше всего из примеров.

Подробнее здесь: https://stackoverflow.com/questions/796 ... for-vaadin