最近在学习怎么在vue3里使用Element UI，踩了很多坑，在网上也不能找到完整的解决方案，所以想写一篇经验贴，如果有和我一样困扰的，可以看一下~（不一定适用于所有人）

1 安装版本问题

目前element ui已经不支持vue3，官网推出了element-plus，可以去官网下载，这里我把指令贴在下面。

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

这里就是我遇到的第一个坑，我之前不知道element ui不能在vue3里用，所以两个都下载了，然后一直报错...我检查package.json里的依赖项才发现我既有element ui又有plus。然后我就使用npm uninstall <依赖项名称>卸载掉不必要的依赖项。

2 路径问题

在main.ts里，我引用的路径是import 'element-ui/lib/theme-chalk/index.css';，这是旧版本的路径，正确新版本的路径是import 'element-plus/dist/index.css'。

如果这两个都解决应该就没有大问题了。

3 提醒一下

Vue版本号,必须3.3.2以上，遇到一些无法解决的报错问题，可以试试清除npm缓存npm cache clean --force，或者删除node-modules文件和package-lock.json文件，然后npm install重新安装一下。