VUE3安装element ui 失败的原因及解决方法

最新推荐文章于 2025-03-29 10:47:59 发布

动立信息服务

最新推荐文章于 2025-03-29 10:47:59 发布

阅读量4.8k

点赞数 8

分类专栏： VUE基础篇文章标签： node.js ui 前端 vue.js

本文链接：https://blog.csdn.net/liu2004051957/article/details/129772969

版权

VUE基础篇专栏收录该内容

1 篇文章

订阅专栏

在Vue3开发环境中，由于element-ui不支持Vue3，官方推荐使用element-plus。因此，安装element-plus的正确命令是`npminstallelement-plus--save`，并在项目中导入并使用element-plus及其主题样式文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、问题描述

在VUE3开发环境中想安装element ui前端库，执行"npm install element-ui --save"命令进行安装时，出现以下错误信息：

二、原因分析

element-ui不适配vue3，官方已将vue3版本的更新为element-plus.

Element-ui适用于Vue2框架

Element-plus适用于Vue3框架

三、解决办法

在VUE3的开发环境下安装element-plus，执行如下命令即可：

npm install element-plus --save

四、使用方法

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import elementPlus from 'element-plus'
import 'element-plus/theme-chalk/index.css';
const app=createApp(App);
app.use(elementPlus);