问题标签 [vaadin-fusion]

用于实时协作的 Vaadin协作引擎只有 Vaadin Flow 的示例。您可以将它与 Vaadin Fusion 一起使用吗？

我们正在使用 Vaadin 19 Fusion 构建一个 Web 应用程序，我正在学习本教程： https ://vaadin.com/docs/latest/fusion/security/spring-login （我选择了 V19+ Docs，然后选择了 Fusion）

在本教程中，有一个VaadinWebSecurityConfigurerAdapter用于使用 Spring 设置安全性的参考，但该类在类路径中不可用。我尝试从 start.vaadin.com 下载一个简单的入门项目（v19），在这里我也无法使用VaadinWebSecurityConfigurerAdapter.

v19 中有替代方案还是我缺少依赖项？我有与启动项目相同的依赖树，所以我假设 pom 是正确的。

我尝试按照 Question的指南进行操作，结果是

我的配置是

有没有例子，如何解决这个问题？我是否需要在 MainView 中处理这个问题（我按照 vaadin.com 上的 todo-tutorial 进行操作？

我们正在使用 Vaadin Fusion，暂时停留在版本 19。在此版本中，无法添加本身依赖于 Vaadin 组件的 NPM 依赖项。

例如，如果我有这样的应用程序package.json：

并且my-beautiful-button有一个package.json这样的

该应用程序可以正常编译并从 Spring-boot 和 webpack-dev-server 启动，但在浏览器控制台中会抛出类似这样的异常：

这可以通过基于 Vaadin 版本 20.0.5 的应用程序重现。现在在 Vaadin 20.0.6 中，这个问题得到了修复，“my-beautiful-button”在浏览器中可以正常显示。但在我的一生中，我似乎无法找出导致 Vaadin 代码库变化的原因。

我可以做些什么来在 20.0.6 之前的 Vaadin 版本中实现这种行为吗？

我想将一个 Java 类放在使用 Vaadin@Endpoint注释（来自com.vaadin.flow.server.connect.Endpoint）的 Maven 工件中，以便在多个 Vaadin 项目中使用这个类。

这是此类的一个简单示例：

Maven 工件包括类的源代码。我该怎么做才能在使用项目中通过 Vaadin 构建过程扫描此类，以便

• 生成前端对应的 TypeScript 代码
• 该类包含在 Spring-Boot 应用程序中（因此端点实际上在运行时可用）

有可能吗？

我遵循文档中描述的基本路由设置，其中您有一个伞形组件，然后是多个子组件，这些子组件呈现到<slot>伞形组件的一个中。

所以主x-layout组件的 HTML 模板看起来有点像这样：

我的路线看起来有点像这样：

与文档中的示例相反，我想在使用其根 URL（'/'）调用应用程序时立即加载其中一个子组件（例如，x-user-list），而无需用户从中选择链接一个导航栏左右。所以我需要一种从主组件自动调用路由的方法。我怎样才能做到这一点？

• 与我想为每个孩子保持不同路径的示例相反，所以这样的事情是行不通的：{path: '/', component: 'x-navigation-layout', children: [{path: '/', component: 'x-user-list'}, ...]}
• 我不能redirect在路由设置中使用，因为它与component加载伞组件所需的属性冲突。
• onBeforeEnter出于同样的原因，我不能在组件的事件处理程序中使用重定向，并且onAfterEnter处理程序不允许重定向。
• 我可以使用Route.go()静态方法进行导航，但是放在哪里呢？

在一个基本的应用程序中，你有一个vaadin-app-layout带有<slot>s 的 main，路由器放置子组件。但是如果这样的子组件本身有子组件并且我想使用路由在它们之间进行路由怎么办？我可以有一个嵌套vaadin-app-layout的插槽吗？路由器如何知道在哪个插槽中填充任何给定 URL 路径的组件？

作为一个具体的例子，想象一个典型的应用程序布局，它带有标题、左侧的导航栏和右侧的主视图。Vaadin 路由器可以将不同的视图加载到主视图窗格。但是现在想象加载到主视图的组件之一本身就是一个带有两个选项卡的 Vaadin 选项卡视图，我希望能够从应用程序中的任何位置路由到每个选项卡，为它们添加书签，asf。

如何将部件样式应用于嵌套的 Vaadin 组件？Vaadin 组件在其发布的 API 中公开用于样式的“部分”。

具体来说，该vaadin-upload组件托管另一个组件，vaadin-upload-file. 我可以设置主 vaadin-upload 组件的样式，但是如何访问嵌套的 vaadin-upload-file 组件的各个部分？

例如，对于vaadin-upload-file我未成功尝试的 CSS 选择器的“名称”部分，例如

这都是部署组件的风格vaadin-upload。

有一个Java模型：

有一个ts代码：

当我单击网格行（this.binder.read(item)）复选框时显示正确。但是，当我通过单击任何复选框或取消选择表中的行来更改值时，出现错误：

我对 Jetty 和 Vaadin 很陌生。我尝试让 Jetty 运行托管一个最小的 Vaadin Fusion 示例。
但是，在第一次访问我的空index.html时，我得到了一个连接丢失横幅和一个 404，因为它试图重定向到我没有的/offline-stub.html 。

生产视图：

在网络点击中，您可以看到 Vaadin 以某种方式启动了重定向：

我的 index.html 非常简单：

一个 index.ts 以及：

我像这样启动码头：

Webroot, extform-values 是正确的，并且文件位于磁盘上的指定位置：