Vue3加载element依赖步骤以及错误

首先Vue2如何引入:

1.装依赖
  • 执行npm i element-ui -S报错
    在这里插入图片描述
  • 原因:npm版本太高了。
  • 解决办法:npm i element-ui -S --legacy-peer-deps
2.引入
//引入Vue
import Vue from 'vue';
//引入插件
import ElementUI from 'element-ui';
//引入css文件
import 'element-ui/lib/theme-chalk/index.css';
//全局使用插件
Vue.use(ElementUI);

其次Vue3如何引入:

1.装依赖
  • npm install element-plus --save报错
  • 原因:版本太高
  • 执行即可:npm install element-plus --save --legacy-peer-deps
2.引入
import { createApp } from 'vue'
import App from './App.vue'
//引入插件
import ElementPlus from 'element-plus';
//引入css文件
import 'element-plus/theme-chalk/index.css'

createApp(App).use(ElementPlus).mount('#app')

扩展:
element有两种引入方式

一:在这里插入图片描述
二:在这里插入图片描述