我正在将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项目在生成的package.json
中包含“lumo css framework”:“^3.0.11”
,而gradle项目不包含此内容。
环境:
我在设置中遗漏了什么?
您的项目缺少lmo-css-Framework
npm依赖项。您可以通过两种方式添加它:
> < li>
npm安装-保存lumo-css-framework
。这会将依赖项存储在< code>package.json中,其中包含项目中需要的所有npm依赖项的列表。说< code>package.json是自动生成的,这在学术上是错误的,因为Vaadin实际上是用Java端(主要是组件)定义为其npm依赖项的内容填充< code>package.json。在< code>package.json中定义的任何其他依赖项都保持不变。
用< code > @ NPM dependency(value = " LUMO-CSS-framework ",version="^3.0.11").注释项目中的任何Java类在确定项目需要哪些npm依赖项时,Vaadin将使用该注释,然后< code>package.json将根据该注释进行更新。