Vaadin 23.2.0升级后模块找不到错误求助

问题根源 #

Vaadin 23.2.x版本对组件内部文件结构做了调整，即便你没有直接引入multiselect-combo-box，项目的间接依赖（比如Vaadin自身子组件或第三方依赖库）可能仍在引用旧版本的内部文件路径，导致启动时出现文件找不到的错误。

解决步骤 #

• 清理前端依赖与缓存

  1. 删除项目根目录下的node_modules文件夹
  2. 删除package-lock.json或yarn.lock文件（根据你使用的包管理器选择）
  3. 重新执行npm install或yarn install，拉取适配23.2.0版本的最新依赖

• 定位并修复间接依赖问题
  用包管理器命令分析依赖链，找出引用过时文件的包：

  • npm用户执行：npm ls @vaadin/combo-box
  • yarn用户执行：yarn why @vaadin/combo-box
    根据输出结果，升级对应依赖到兼容Vaadin 23.2.0的版本，或手动指定其依赖的@vaadin/combo-box版本为23.2.0

• 强制统一Vaadin组件版本
  在package.json中添加resolutions字段，强制所有依赖使用一致的Vaadin组件版本：

  "resolutions": {
    "@vaadin/combo-box": "23.2.0",
    "@vaadin/*": "23.2.0"
  }
  

  添加完成后重新执行依赖安装命令

• 清理Vaadin前端构建缓存
  执行框架自带的清理命令：

  • Maven用户：mvn vaadin:clean-frontend
  • Gradle用户：./gradlew cleanFrontend
    完成后重新启动应用

验证方案 #

完成上述操作后，重新用Vite或Webpack启动应用，检查文件解析错误是否消失。如果问题仍存在，可以尝试创建一个全新的Vaadin 23.2.0项目，逐步迁移现有代码，排查是否是项目自定义配置或业务代码引发的冲突

内容的提问来源于stack exchange，提问作者marcobsidian