java - Vaadin Spring Boot 找不到 npm 包

Question

我有一个现有的 Spring Boot 应用程序，我希望向其中添加 Vaadin 前端。

我有一个简单的 View 类，如下所示:

@Route(value = "admin")
public class MainView extends VerticalLayout {

    private TextField field = new TextField("Message");
    private Button button = new Button("Click Me");

    @PostConstruct
    public void init() {
        button.addClickListener(e -> Notification.show("Message: " + field.getValue()));
    }
}

我通过将 .anyRequsts().permitAll() 添加到我的 SecurityConfig 来禁用 Spring Security

当我运行该应用程序并导航到 Chrome 中的 /admin 时，我在该页面应显示的位置显示以下错误。:

Webpack Error

ERROR in ../target/frontend/generated-flow-imports.js
Module not found: Error: Can't resolve '@vaadin/vaadin-button/src/vaadin-button.js' in 'C:\Users\cameron\IdeaProjects\biometric-access\target\frontend'
 @ ../target/frontend/generated-flow-imports.js 11:0-52

对于不同的包，此操作会重复几次。我在 Spring 控制台输出中也收到类似的错误。它还给出一条消息，告诉我删除 node_modules，并运行 npm install，我已经尝试过了。

Vaadin 文档没有提及此问题，并且推荐的步骤不起作用。

令人气愤的是，它以前工作正常，我不知道是什么变化使它停止工作。任何建议将不胜感激。

编辑

经过一番搜索，我意识到这可能是 npm 问题而不是 vaadin 问题。 npm“常见问题”页面建议运行 npm clean 然后运行 ​​npm install 来解决此错误。这解决了我的问题。

Answer 1

从 Vaadin 14.0.0 更新到 14.0.2 后，我遇到了同样的问题。删除 node_modules 文件夹并运行 prepare-frontend 目标是不够的。

在打包项目之前删除以下文件和文件夹:

• 节点模块
• package-lock.json
• package.json
• webpack.config.js
• webpack. generated.js

如果有一个类似“干净”的目标，可以在更新 pom.xml 中的 vaadin 版本后自动执行此操作，那就太好了