Vaadin 14.6.1 - Error: 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 项目中的相同。在构建前端之前已删除所有生成的文件。

对比生成的文件后发现，生成的package.json中的示例maven工程包含"lumo-css-framework": "^3.0.11"，而gradle工程中不包含

]

环境：

Spring 2.5.0
Gradle7.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 确实会用任何 Java 端（主要是组件）定义为它们的 npm 依赖项来填充 package.json。 package.json 中定义的任何其他依赖项都保持不变。
用@NpmDependency(value="lumo-css-framework", version="^3.0.11")注释项目中的任何Java class。 Vaadin 在确定项目需要哪些 npm 依赖项时将使用此注释，然后 package.json 将根据注释进行更新。

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

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

css

spring

gradle

migration

vaadin-flow