Vaadin + VisJs:超出 ResizeObserver 循环限制
Vaadin + VisJs: ResizeObserver loop limit exceeded
问题是:
ResizeObserver loop limit exceeded
作为通知对话框出现在浏览器中。
步骤是:
- 使用 vaadin 并为 vis-js 创建一个组件。以任何你想要的方式导入 vis-network,不会影响。现在,我的代码有
UI.getCurrent().getPage().addJavaScript("https://unpkg.com/vis-network/standalone/umd/vis-network.js");
,但我之前也使用过 @JsModule
和 @JavaScript
。
- 将该组件添加到
View
。
- 运行 一个 Js 来创建一个简单的图形(从 vis-js 示例页面复制粘贴)。无论在生命周期的哪个点调用它。
项目设置为:
- 相对于network.js 9.1.0
- Chrome 浏览器 96.0.4664.110
- Spring 启动 2.6.2-SNAPSHOT
- Vaadin spring 启动器 14.7.7
- 节点 v14.17.3
- Java16.0.1
- Gradle 7.1
我要回答我自己的问题。我希望放在这里帮助别人和我未来的自己。
千辛万苦,这里的解决方案是为容器设置一个样式来通知容器的大小,例如:
div.getStyle().set("width", "600px").set("height", "400px");
或通过css
#mynetwork {
width: 600px;
height: 400px;
}
其中 div 是您传递给的对象:
...
var container = document.getElementById("mynetwork");
var network = new vis.Network(container, data, options);
问题是:
ResizeObserver loop limit exceeded
作为通知对话框出现在浏览器中。
步骤是:
- 使用 vaadin 并为 vis-js 创建一个组件。以任何你想要的方式导入 vis-network,不会影响。现在,我的代码有
UI.getCurrent().getPage().addJavaScript("https://unpkg.com/vis-network/standalone/umd/vis-network.js");
,但我之前也使用过@JsModule
和@JavaScript
。 - 将该组件添加到
View
。 - 运行 一个 Js 来创建一个简单的图形(从 vis-js 示例页面复制粘贴)。无论在生命周期的哪个点调用它。
项目设置为:
- 相对于network.js 9.1.0
- Chrome 浏览器 96.0.4664.110
- Spring 启动 2.6.2-SNAPSHOT
- Vaadin spring 启动器 14.7.7
- 节点 v14.17.3
- Java16.0.1
- Gradle 7.1
我要回答我自己的问题。我希望放在这里帮助别人和我未来的自己。
千辛万苦,这里的解决方案是为容器设置一个样式来通知容器的大小,例如:
div.getStyle().set("width", "600px").set("height", "400px");
或通过css
#mynetwork {
width: 600px;
height: 400px;
}
其中 div 是您传递给的对象:
...
var container = document.getElementById("mynetwork");
var network = new vis.Network(container, data, options);