vue学习笔记-关于element ui 安装失败的问题解决

这篇具有很好参考价值的文章主要介绍了vue学习笔记-关于element ui 安装失败的问题解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天学习vue时,对element ui进行安装,运行npm install element-ui -S 命令,出现报错:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree  
npm ERR! 
npm ERR! While resolving: el-project@0.1.0
npm ERR! Found: vue@3.2.33
npm ERR! node_modules/vue
npm ERR!   vue@"^3.2.13" from the root project       
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.8   
npm ERR! node_modules/element-ui
npm ERR!   element-ui@"^2.15.8" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See E:\nodejs_package\npm_cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     E:\nodejs_package\npm_cache\_logs\2022-05-12T04_18_43_575Z-debug-0.log   

查看我npm版本,8.9.0,看一些博客说npm版本太高了,需要降低npm的版本,之后,又查了查,看到别的博客,找到了解决的办法:

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

或者使用 element plus

npm install element-plus --save

我两种都安装了,现阶段使用的是elementUI ,看以后会不会再有版本问题,因为看到一个评论说,npm版本高,就使用elementplus就可以了
vue学习笔记-关于element ui 安装失败的问题解决

补充一下,我创建项目使用的是vue3,安装完成后是在vscode中打开的,使用
npm install element-ui -S 命令的,我又在webstorm中重新创建了一个项目,用的vue2,使用的还是同样的命令,没有报错

参考博客:https://blog.csdn.net/kalimera/article/details/122383499文章来源地址https://www.toymoban.com/news/detail-503198.html

到了这里,关于vue学习笔记-关于element ui 安装失败的问题解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在vue里面,element ui,el-select表单选中校验失败

    在element 表单中我们需要校验,当表单中有数据变动时,会触发检验。 提示:这里描述项目中遇到的问题: 在项目中,提交时下拉菜单没有选,会触发校验提示,去选中下拉菜单的数据,不会再次触发校验,导致校验提示文字依然存在 一般来说遇到了校验失效问题,有值的

    2024年02月12日
    浏览(25)
  • 关于 vue 2 element-ui 适配移动端

    1. 安装 lib-flexible npm install lib-flexible 2. 在main.js引入 import \\\'lib-flexible/flexible.js\\\' 3. 安装 postcss-plugin-px2rem npm install postcss-plugin-px2rem 4. 在 vue.config.js 文件中添加css配置(在项目根目录下,没有就新建一个vue.config.js 向外module.exports,粘贴css部分)

    2024年02月12日
    浏览(25)
  • vue+element ui 关于表格中多行增加上传文件操作

    先创建一个表格标签,表格中需要先写上上传文件的组件 在data中定义一个表格数组,数组中的fileIdList是我需要存储的信息,可自行参考 表格多行上传的难点在于,需要把上传的文件和表格中的行一一对应,所以在handleSuccess和handleRemove方法中多传入了一个scope,scope参数是自

    2024年02月14日
    浏览(29)
  • 关于element-ui表格 鼠标悬停背景颜色修改问题

    element-ui鼠标悬停时行背景色默认为白色,当表格字体为白色时容易看不到文字,因此需要修改鼠标悬停时的背景色。 html使用el-table后,在css样式中添加以下代码即可修改鼠标悬停后的背景色。(未使用scss和less) 同时补充鼠标点击后行高亮颜色修改,需要在el-table标签内添加

    2024年02月11日
    浏览(34)
  • 关于element ui 中使用表单校验字段,校验一直不消失的问题

    element ui 中form表单,当遇到表单项为上传文件或者图片等等,上传完成之后,点击确定按钮,该表单项校验规则仍然不消失,如下   解决方法为,在上传成功的方法中手动移除校验,并且将rules里面的改字段赋值为空数组,如下:  同时要注意在下次打开新增页面的时候,要

    2024年02月12日
    浏览(26)
  • 关于Element-UI el-select多选表单校验问题

       在使用 el-select 多选下拉菜单配置表单校验时, 如果form表单绑定的form对象对应属性值为空字符串或者null(其他未尝试),表单中的多选下拉框会立刻执行校验并弹出校验信息,代码如下: 正确方式如下: 将多选下拉框对应的属性值默认值设置未空数组即可

    2024年02月11日
    浏览(32)
  • 关于element ui TimePicker 时间选择器 default-value默认值问题

    因为美国时间所以更改了时区 用法 new Date(0, 0, 0, hour, minute, 0)

    2024年01月21日
    浏览(23)
  • 关于PyCharm库安装失败的问题

    如果你在安装库时经常失败可以试试以下方法 进入到venv文件目录用pip3 install 指令安装 千万要注意指定安装路径为项目的依赖库路径,即虚拟环境的路径。因为pip的默认安装路径是python的安装目录下的依赖库路径D:PythonPython37Libsite-packages。项目是无法加载这个路径的库的。

    2024年02月07日
    浏览(24)
  • Element-ui关于el-icon无法正常显示的问题(已解决)

    在使用element-ui组件库的时候,使用自带的图标不显示,查了好多篇博客,都说是element-ui的版本老了,在package.json中修改版本重新安装就行,但是我的情况不是这样。 最后解决看了这篇博客: https://blog.csdn.net/weixin_44835957/article/details/115009973 要在 main.js 文件中引入图标的样式

    2024年02月11日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包