成功安装了elementui还是无法对其使用,教你如何正确安装使用element-ui

1.在命令行进行cnpm i element-ui -S 操作后发现项目的依赖里面没有element-ui

        可以进入项目的目录进行cnpm i element-ui -S 的操作,这样子在依赖中就会出现element-ui,说明已经安装成功。

        进入项目目录只需文件查找我们创建的vue项目,把选中打出cmd即可直接进入。

 


2.在依赖中有了element-ui,但是页面还是无法显示怎么办?

        笔者就是遇到了这种问题,到最后发现是vue版本太高了,elementui无法匹配,因此,首先要把原先的vue版本删除,再下载较低版本的(笔者的版本是推荐使用2.5.1版本)

        但是此时又可能会遇到一个新的问题,就是原先的版本删除会报错导致无法删除,下面列出删除全部通过npm所下载的库

npm install rimraf -g
rimraf node_modules  #npm所下载的库都在这个文件夹里面
npm cache clean -f

        最后通过cnpm i vue@2.5.1 -S陆续完成安装即可使用,最后还是需要在项目的目录下安装一次element-ui

3.一些可能出现的细节问题

        下面是笔者在查阅中发现的可能出现的问题,但不是我自己的问题的问题

  1. 有可能是没有在main.js导入
  2. 有可能是使用的版本对应的element-ui不同,3.x版本的vue好像是要使用element-plus(是我在查阅资料时候看到的,我也不了解,仅供参考)
  3. 有可能是导入包的错误,目前的引入已经变成了
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)

    


        以上,便是在使用element-ui可能出现的问题,我折腾了一天查阅各种资料也是成功导入了,希望大家也能够成功导入,最后,如果对你有帮助的话关注一下我的公众号——不知名rapper,里面说用最俗的语言以及自己的见解去讲解许多知识点。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值