vaadin - Intellij 说 Vaadin flow lumo 主题 css 变量未找到

Question

然后在我新的基于 Vaadin 14 的应用程序 Intellij 上工作时找不到内置的 lumo 主题变量......

这些变量在我的浏览器中运行时存在，但我可以在哪里指向 Intellij 来查看它们？

标签： vaadinvaadin-flow

Answer 1

不幸的是，目前看来这是不可能的。

问题是从 V14 开始，您要引用的样式被打包为.js文件，但样式是用.css. 例如，如果在 V13 中，您可以将它们导入模板中，如下所示Sizing and spacing：

<link rel="import" href="bower_components/vaadin-lumo-styles/sizing.html">

这将是 V14 中的当前方式，它是一个 js 文件：

<script type=“module”&gt;
import “@vaadin/vaadin-lumo-styles/sizing.js”;
</script>

所以你可以在你的样式中毫无问题地使用这些自定义变量，只要你在你的页面上加载一个适当的 js 模块（比如这个@JsModule(value="@vaadin/vaadin-lumo-styles/sizing.js") Lumo），但我还没有找到一种方法（并且不确定是否有）来制作 Intellij知道他们。

---

所以根本的问题是你不能将一个js文件中的变量导入css文件。