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

avatar
作者
筋斗云
阅读量:0

 Vue2引入

执行npm i element-ui -S报错

原因:npm版本太高

报错信息:

解决办法:

使用命令:

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

引入:

在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

 

引入:

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

 查看是否安装成功

方法一:在package.json文件中查看是否有element-ui(Vue2)版本或element-plus版本(Vue3)

 

 方法二:查看node_modules目录下是否有element-ui文件夹或element-plus文件夹

 

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!