关于element ui 安装失败的问题解决方法、查看是否安装成功及如何引入-Toy模板网

这篇具有很好参考价值的文章主要介绍了关于element ui 安装失败的问题解决方法、查看是否安装成功及如何引入。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Vue2引入

执行npm i element-ui -S报错

原因：npm版本太高

报错信息：

关于element ui 安装失败的问题解决方法、查看是否安装成功及如何引入,ui,vue.js,前端

解决办法：

使用命令：

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

关于element ui 安装失败的问题解决方法、查看是否安装成功及如何引入,ui,vue.js,前端

引入：

在main.js文件中引入

//引入Vue
import Vue from 'vue';
//引入插件
import ElementUI from 'element-ui';
//引入css文件
import 'element-ui/lib/theme-chalk/index.css';
//全局使用插件
Vue.use(ElementUI);

Vue3引入

执行npm install element-plus --save报错

解决办法：

使用命令：

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

关于element ui 安装失败的问题解决方法、查看是否安装成功及如何引入,ui,vue.js,前端

引入：

在main.js文件中引入

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')