HtmlImport 注释去哪儿了？

Question

我正在尝试包含本文中所述的自定义图标 。但我找不到@HtmlImport注释了（Flow V.20）。这个注释被广泛使用，如果它被替换，我希望至少能找到一些文档。

PS我也尝试@StyleSheet("./styles/iconexp-iconset-svg.html") 过它抱怨：

Couldn't find route for 'styles/iconexp-iconset-svg.html'

Answer 1

Bower 已被弃用，取而代之的是 Vaadin 14 中的 npm 和 HTML 导入，取而代之的是 ES 模块。我不记得它们何时被删除，但 Vaadin 20 中不再支持它们。

您可以在此处查看迁移说明：https://vaadin.com/docs/v14/guide/upgrading/v10-13/#migration-steps

Answer 2

下面是一个使用 Jouni 的示例@JsModule。

(1) 在 JavaScript 文件中定义图标集。

import '@polymer/iron-iconset-svg/iron-iconset-svg';

const templateElem = document.createElement('template');

templateElem.innerHTML = `
<iron-iconset-svg name="namespace"><svg><defs>
    <g id="iconname">...</g>
    ...
</defs></svg></iron-iconset-svg>
`;

document.head.appendChild(templateElem.content);

(2) 将文件导入到根布局类中。

@JsModule("./icons.js")
public class RootLayout...