VUE+Vite报错：找不到echarts/types/dist/shared.js

VUE+Vite报错：找不到echarts/types/dist/shared.js

背景

2024年的项目，更新了一些内容后，启动失败，报错：

Error: The following dependencies are imported but could not be
resolved: echarts/types/dist/shared.js (imported by
F:/git/vue3Study2024/src/views/globe3d/index.vue?id=0) Are they
installed?
at file:///F:/git/vue3Study2024/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:52270:23
at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
at async file:///F:/git/vue3Study2024/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:51682:38

尝试

1. 考虑到node环境升级到22会造成版本影响，卸载node后安装nvm，分别在node 18、20、22都试了，依然不行。
2. 清理 node_modules重装，也不行
3. 锁定echart几个相关依赖的版本，更新，再启动依然报错
4. 让trae的AI帮忙解决，结果问了一次，他就没遍数的尝试修改→启动验证→报错→尝试修改→启动验证→报错，直到循环到自己调用会话次数满了而停止。

解决

仔细观察，这里引用的.js文件，在编辑器里关联打开的是个ts文件，于是尝试去掉.js后缀，再次运行，OK了。

// 报错
import { ECBasicOption } from 'echarts/types/dist/shared.js';
// 改为这样就好了
import { ECBasicOption } from 'echarts/types/dist/shared';