code ERESOLVE ERESOLVE unable to resolve dependency tree

报错信息：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: vue@3.3.7
npm ERR! node_modules/vue
npm ERR!   vue@"^3.3.4" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.14
npm ERR! node_modules/element-ui
npm ERR!   element-ui@"2.15.14" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /Users/XXX/.npm/_logs/2023-10-27T03_06_23_552Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /Users/XXX/.npm/_logs/2023-10-27T03_06_23_552Z-debug-0.log

解决方法：
第一种：使用 --force 或 --legacy-peer-deps 标志。但这可能会导致运行时错误，因为 element-ui 可能并不兼容 vue@3.3.7

npm install 包 --force
// or
npm insatll 包 --legacy-peer-deps

第二种：降级vue到element-ui所需要的版本
第三种：使用打包工具，如webpack，可以在配置文件中指定vue和element-ui的版本