css - Vaadin 14.6.1 - 错误 : Can't resolve 'lumo-css-framework/all-classes.css'

Question

我正在将 Vaadin Springboot/Gradle 应用程序从 Vaadin 14.5.1 迁移到 14.6.1。我从来自 start.vaadin.com 的新生成的应用程序的主题文件夹中复制了新文件。 , 特别是 frontend/themes/my-app/styles.css

@import url('lumo-css-framework/all-classes.css');

运行 vaadinBuildFrontend 时任务，我收到以下错误(在其他消息中):

ERROR in ./themes/my-app/styles.css
Module build failed (from ../node_modules/css-loader/dist/cjs.js):
Error: Can't resolve 'lumo-css-framework/all-classes.css' in '/Users/<..>/my-app/frontend/themes/my-app

所有构建依赖项似乎与示例 maven 元素中的相同。在构建前端之前，所有生成的文件都已被删除。
对比生成的文件，发现示例maven元素包含"lumo-css-framework": "^3.0.11"在生成的 package.json 中，而 gradle 元素不包含此内容。
环境:

Spring 2.5.0

Gradle 7.0.1

Vaadin Gradle 插件 0.14.6.0

macOS 11.2.3 和 Centos 7

我在设置中缺少什么？

Answer 1

您的元素缺少 lumo-css-framework npm 依赖。您可以通过两种方式添加它:

npm install --save lumo-css-framework .这会将依赖项存储在 package.json 中它包含元素中所需的所有 npm 依赖项的列表。说 package.json 在学术上是错误的。是根据 Vaadin 真正填充的内容自动生成的 package.json无论 Java 端(主要是组件)定义为它们的 npm 依赖项。 package.json 中定义的任何其他依赖项独自一人。

使用 @NpmDependency(value="lumo-css-framework", version="^3.0.11") 注释元素中的任何 Java 类. Vaadin 将在确定元素需要哪些 npm 依赖项时使用此注释，然后 package.json将根据注释更新。