在vue项目中安装element-ui时，运行npm i element-ui -S报错

最近在学习前端vue框架，element-ui组件是十分方便的开发工具，能快速集成项目。但是在运行npm i element-ui -S时报错为npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree。下面为终端报错显示：

在搜索了当前问题之后，将该错误进行一个总结，一般都是npm版本太高，可以在终端检查npm版本号，一般npm超过7就是版本太高。

本人的解决方法如下：

1.运行命令：

如果是vue2则执行：

 npm install --legacy-peer-deps element-ui --save

或

npm install element-plus --save

如果是vue3则执行：

npm install element-plus --save --legacy-peer-deps

2.在main.js中添加：

安装完成之后去main.js中添加相应代码，如果是vue2，则：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

如果是vue3，则：

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css'
 
createApp(App).use(ElementPlus).mount('#app')

3.最后在终端检查是否安装成功：

在package.json文件中查看是否有element-ui，如下图所示：

或者去node_modules目录下是否有element-ui文件，如下图所示：

或者终端输入

npm list element-ui

结果如下图所示：