报错信息:
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的版本