Vue中安装element-ui失败问题原因及解决

目录
  • Vue中安装element-ui失败
    • 解决方式
  • elementui安装不上，报错问题
    • 解决方法
  • 总结

Vue中安装element-ui失败

开启npm.cmd，输入npm install element-ui -S命令，正常情况会安装成功，但也有安装不成功的情况，

若安装不成功，则检查npm和vue是否安装成功，使用：

npm -v

vue -V

ps：这里的V大写

来查看版本，看不到版本号，便重新安装npm或vue。

解决方式

npm install npm -g

elementui安装不上，报错问题

elementui安装不上

报错：Module not found: Error: Can’t resolve ‘element-ui/lib/theme-chalk/index.css’ in 'D:\workspace\web-ele-ui\vue-manage\src’自定义目录标题)

使用多种办法都没能安装上，在package.json文件中没有发现有elementui对应的版本号

解决方法

1、删除项目中的node_modules文件夹

2、在项目文件下执行npm install，新建成功后等一会会重新出现node_modules文件夹

3、运行程序（npm run serve），成功运行

4、再次重新安装elementui：npm install --save element-ui。安装成功，package.json文件中显示elementui对应的版本号

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • vue引入elementUi后打开页面报错Uncaught TypeError的解决方式

    vue引入elementUi后打开页面报错Uncaught TypeError的解决方式

    vue引入elementUi后打开页面报错 本人在用idea创建vue项目并引入elemenUi之后网页报错:Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype’). 百度了很多办法都说是因为在vue3中引入了elementUi,vue3.0之后是不支持elementUi的,要使用element plus,但是因为我想用若依偷懒,所以必须得用elementUi,很多文章说是vue - V命令查看vu

  • vue项目配置element-ui容易遇到的坑及解决

    vue项目配置element-ui容易遇到的坑及解决

    目录 vue配置element-ui遇到的坑 步骤1.npm安装 步骤2 步骤3.测试 vue element-ui需要注意的问题 vue配置element-ui遇到的坑 注意:本文章参照element-ui官方文档,快速上手部分,的部分教程 步骤1.npm安装 npm i element-ui -S 步骤2 2-1.完整引入 在 main.js 中写入以下内容: import Vue from 'vue'; import ElementUI from 'element-ui'; import

  • 当启动vue项目安装依赖时报错的解决方案

    目录 启动vue项目安装依赖报错 暂时想到四个原因 vue必备安装依赖 1.elementUI 2.安装sass 3.安装axios 4.安装vuex 5.安装js-cookie 启动vue项目安装依赖报错 当启动vue项目安装依赖时报错 暂时想到四个原因 1.node版本低,升级到新版本 2.执行npm cache clean,再重新npm install 3.如果是下载依赖包失败的话,可以使用cnpm淘宝镜像下载,或者yarn下载安装 4.报错一般都会有错误提示,根据错误提示进行操作 vue

  • vue中使用element ui的弹窗与echarts之间的问题详解

    今天项目中有个需求,就是在页面中点击一个图标,弹出一个抽屉式的弹窗(弹窗是element UI的抽屉),弹窗里边是echarts呈现的数据,当我直接用echarts的时候,报错dom没有获取到: 这就陷入疑惑,平时都是这样获取的,怎么今天就不行了呢,搜索了很多答案之后才知道,在刚进入页面的时候抽屉是关闭的,那echarts不进行获取dom,当点击抽屉出来的时候,有个opened事件,在这个事件里边进行echarts的初始化,执行数据: <el-drawer title="分析图表"

  • mysql中插入emoji表情失败的原因与解决

    mysql中插入emoji表情失败的原因与解决

    失败场景 用户昵称中存在emoji表情,调用jdbc往mysql数据库插入的时候抛出异常 java.sql.SQLException: Incorrect string value: '\xF0\x9F\x90\x9B' 失败原因 mysql的utf8编码的一个字符最多3个字节,但是一个emoji表情为4个字节,所以utf8不支持存储emoji表情.但是utf8的超集utf8mb4一个字符最多能有4字节,所以能支持emoji表情的存储. 下面话不多说了,来一起看看详细的介绍吧 解决方案 一. 修

  • Vue中安装element-ui失败问题原因及解决

    目录 Vue中安装element-ui失败 解决方式 elementui安装不上,报错问题 解决方法 总结 Vue中安装element-ui失败 开启npm.cmd,输入npm install element-ui -S命令,正常情况会安装成功,但也有安装不成功的情况, 若安装不成功,则检查npm和vue是否安装成功,使用: npm -v vue -V ps:这里的V大写 来查看版本,看不到版本号,便重新安装npm或vue. 解决方式 npm install npm -g elementui安装

  • vue3.0安装Element ui及矢量图使用方式

    vue3.0安装Element ui及矢量图使用方式

    在此只关注v3的安装及使用,如果想了解v2可移步到其官网:https://element.eleme.io/#/zh-CN/component/installation v3官网:https://element-plus.org/zh-CN/guide/installation.html 使用element ui时vue2和vue3的区别 安装命令 main.js中引入文件有所不同 使用icon时v2不需要安装,v3需安装 v2和v3在vue文件中使用icon时编写方式有所不同 icon在v2中

  • Vue前端整合Element Ui的教程详解

    Vue前端整合Element Ui的教程详解

    目录 Vue前端整合Element Ui 1.安装Element Ui组件库 2.测试Element Ui是否整合成功 Vue前端整合Element Ui 本节内容服务于SpringBoot + Vue 搭建 JavaWeb 增删改查项目. Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型. Element Ui组件官网 1.安装Element Ui组件库 WIN+

  • 在vue中安装使用vux的教程详解

    最近因为的工作的原因在弄vue,从后端弄到前端之前一直用js,现在第一次接触vue感觉还挺有意思的,就是自己太菜了,这个脑子呀....不太够用.....页面设计用了一个叫vux的东西,vux可以提供一些组件,用起来还是比较方便的,因为自己比较菜吧,所以有很多东西还是不太深入了解...比如对vux自带样式的修改..希望有大牛看到的话也可以多多指点... 今天就记录一下vux的安装使用吧...... 首先自己要先新建一个vue项目,cmd进入到项目目录下,进行安装 1.在项目目录下安装vux(也可以

  • vue中使用element日历组件的示例代码

    vue中使用element日历组件的示例代码

    先看下效果图: 完整代码附上 <template> <div class="newSeeds" id="famerCalendar"> <div class="title-bottom"> <el-date-picker :clearable="false" prefix-icon="timeFilter" v-model="value2" ty

  • MySQL安装失败的原因及解决步骤

    MySQL安装失败的原因及解决步骤

    目录 失败的原因 步骤如下: 步骤一 步骤二 步骤三 步骤四 步骤五 步骤六 总结 失败的原因 1.如果你原先安装过MySQL,后来卸载了再安装失败了,有可能是卸载不干净. 需要手动目录删光所有MySQL相关的文件.这一点MySQL特别坑,吐槽一下.我都卸载完了,你为什么不给我删干净,还要我手动去删,而且还影响我下一次安装. Oracle简直太垃圾. 而且还要把注册表也自己删干净. 然后重新安装才可以,不然你就有可能80端口被占用. 步骤如下: 步骤一 确认你的mysql服务是关闭的状态,不然卸

  • vue中使用element组件时事件想要传递其他参数的问题

    在使用element的上传组件时在一下几个钩子中传递其他参数 图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数.比如我想在on-success的钩子中传递一个自定义参数i,原本是这样写的: :on-success="handleSuccess(i)" //handleSuccess是一个方法 但是发现这样写取不到自身原来的参数,后来在网上找到了一个比较好的方法,如下: :on-success="(value)=> han

  • MacOS中 VSCode 安装 GO 插件失败问题的快速解决方法

    问题重现 Installing golang.org/x/tools/cmd/guru FAILED Installing golang.org/x/tools/cmd/gorename FAILED Installing golang.org/x/lint/golint FAILED Installing github.com/stamblerre/gocode FAILED 4 tools failed to install. VS COde 打开 .go 文件会自动安装插件,但是出现了一些

随机推荐