- 安装:npm install element-ui 命令,出现报错:
Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.13。
参考博主:努力生活的桂子 关于element ui 安装失败的原因及解决方法 深有启发。
原因是element-ui不适配vue3,官方已将vue3版本的更新为element-plus。
安装:npm install element-plus --save 问题解决。 - 安装 element-plus 后,需要注意在 main.js 正确引入import ‘element-plus/dist/index.css’,不然报错* element-plus/lib/theme-chalk/index.css
import { createApp } from 'vue' import App from './App.vue' // import Vue from 'vue' // 引入ElementUI import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' // 引入Vue2使用Element.Vue3已不支持 // Vue.use(ElementPlus ) // 引入路由配置 import router from "@/router"; const app = createApp(App) app.use(ElementPlus).use(router).mount('#app')
另外Vue3,已不支持Vue.use(ElementPlus)方式。需要注释掉。使用app.use(ElementPlus)方式。否则会报报错:Cannot read properties of undefined (reading ‘use‘)