我是靠谱客的博主 糊涂哈密瓜,最近开发中收集的这篇文章主要介绍成功安装了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,里面说用最俗的语言以及自己的见解去讲解许多知识点。

最后

以上就是糊涂哈密瓜为你收集整理的成功安装了elementui还是无法对其使用,教你如何正确安装使用element-ui的全部内容,希望文章能够帮你解决成功安装了elementui还是无法对其使用,教你如何正确安装使用element-ui所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部