vue3下载element-plus报错问题

已于 2023-05-16 23:55:28 修改
阅读量1.7k 收藏 9
点赞数 2
文章标签： vue.js javascript 前端
于 2023-05-16 23:54:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_60505218/article/details/130716403
版权
在尝试安装element-plus时遇到错误，常规的解决方法如添加--legacy-peer-deps并未奏效。作者通过排查node、vue/cli和npm的版本，最终发现将vue/cli版本从5.0以上降至4.5.13解决了问题。
摘要由CSDN通过智能技术生成

随着vue3的普及，它的组件库也由原来的element-ui 升级为element-plus，直接按照官方文档的引导进行下载安装，没想到第一步npm install element-plus --save就报错了。。。

 真的会谢。

找遍全网，基本说的都是直接使用忽略技能，就是在指令后面携带npm install element-plus --save -–legacy-peer-deps，其实这是针对以上错误的统一做法，目的就是通过忽略不同版本的问题以继续安装工作，但是果然还是不行，毕竟治标不治本，并不是问题所在，于是便从node版本，vue/cli版本，npm版本入手，深入验证。。。。。。。

后来误打误撞在降了vue/cli版本后居然就不报错了，由于vue/cli原来的版本是5.0以上的，现在降为4.5.13，指令：

npm install @vue/cli@4.5.13 -g

问题到此也就告一段落了，收工！

兜兜转转的码农
关注
Vue3 - Element Plus 报错 Internal server error: failed to resolve import “element-plus/es“ from “x“, D
王佳斌
05-11 3505
vue3，element-plus，unplugin-vue-components，自动导入报错，自动引入报错，vue3+vite自动引入element组件出现错误，vite，webpack，如何解决这个问题，Internal server error: failed to resolve import "element-plus/es" from "x", Does the file exist?，配置自动引入element组件控制台报错，Vue3+ElementPlus，vue3+vite如何实现自动引
#Vue#安装element-plus报错#npm ERR! code EEXIST
老衲的少女心i~
07-21 2098
npm下载element-plus报错
Element-plus下载报错
weixin_45127611的博客
03-27 3640
一个正经的vue3项目在windows上跑着正常但是在linux下用的vscode跑不起来了报错信息如下： [vite] Internal server error: Failed to resolve import “element-plus/lib/locale/lang/zh-CN.js” from “src/main.js”. Does the file exist? Plugin: vite:import-analysis File: …/src/main.js 31 | import
超详细！！！electron-vite-vue开发桌面应用之引入UI组件库element-plus（四）
qq_43206280的博客
08-14 579
unplugin-auto-import是一个用于Vue.js的插件，它可以自动导入Vue.js的相关API，如Vue自身，Vue的RFC(响应式)，Composition API，以及其他一些常用的Vue功能。unplugin-vue-components是一个用于Vue.js的插件，它允许你导入Vue组件，而不需要在你的代码中显式地导入它们。这个插件可以让你按需导入组件，从而减少初始加载大小。
vue3+vite安装element-plus报错解决-使用组件不起作用
itclanCoder
09-18 1414
前言在刚开始使用vue3+vite+ts项目中安装element-plus，使用组件不起作用，报错如下：UnCaughSyntaxError:Therequestedmodule'/node_modules/element-plus/lib/locale/lang/zh-cn.js?v=7.0.2'doesnotprovideanexportnamed'default'解决方...
安装element-plus报一下错误： Unsupported URL Type: npm:@sxzz/popperjs-es@^2.11.7
m0_56745001的博客
03-07 6128
Unsupported URL Type: npm:@sxzz/popperjs-es@^2.11.7
npm安装element-plus失败
weixin_53783620的博客
02-28 1243
情况：用npm安装element-plus失败。
vue 脚手架 安装elmentplus 报错 多数因为你是vue2 版本
2301_79491526的博客
07-02 498
如果您可以升级您的项目到 Vue 3，这将是最直接的解决方案。您需要更新所有相关的 Vue 插件和库，以及可能的项目结构和代码，以确保它们与 Vue 3 兼容。在决定升级 Vue 或更改 UI 组件库之前，请确保检查项目的其他依赖项是否也依赖于 Vue 的特定版本。和您可能使用的其他库的官方文档，以及相关的社区论坛和问答网站，以获取更多关于如何迁移或解决兼容性问题的信息。如果您不能或不想升级 Vue 版本，您可以使用 Element UI（Vue 2 的版本），而不是。，这是一个 Vue 2 的版本，与。
安装element-plus报错：Conflicting peer dependency: eslint-plugin-vue@7.20.0
simpleness_的博客
08-07 1173
安装element-plus报错：Conflicting peer dependency: eslint-plugin-vue@7.20.0
vue elementUI 使用slot-scope报错（版本升级）
01-20
然而，在升级Vue或Element UI版本时，可能会遇到一些兼容性问题，其中之一就是`slot-scope`报错。本文将深入探讨这个问题，以及如何解决它。 `slot-scope`是Vue 2.x中的一个特性，用于在插槽中创建作用域变量，它...
vue3 - element-plus报错TypeError:t.upload.addEventListener is not a function，vue+element组件库控制台报错详细解决教程
高级前端工程师
07-09 2094
vue3，nuxt3，element-Plus，upload，上传组件，上传文件报错，本地开发没问题，部署打包上线就会报错，这个问题如何解决，还是一直报错，el-upload上传报错，vue3项目使用element上传组件 打包后报错t.upload.addEventListener is not a function的解决方案，VUE3上传功能本地上传正常，打包上传后报错，打包后报错t.upload.addEv，vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEve
Vue3.0 + Ts 项目使用element-plus 自动按需导入 使用v-loading报错
weixin_44209082的博客
04-18 2394
问题展示： 使用v-loading报错 无法找到样式 element-plus/es/components/loading-directive/style/css 解决办法： element-plus版本： "element-plus": "^2.1.9" "unplugin-auto-import": "^0.7.1", "unplugin-vue-components": "^0.19.3" 使用正则表达式，排除loading-directive的样式 exclude: new RegExp(
vue3引入element-plus 报错
06-28
如果您在使用Vue3引入element-plus时遇到了错误，可能是因为您的代码存在一些问题。以下是一些可能导致错误的原因： 1. 您的Vue3版本过低，需要升级到最新版本。 2. 您的element-plus版本过低，需要升级到最新版本...
vue3 引入ElementPlus 报错解决方法
m0_70211164的博客
08-17 3491
然后就报错了其实很简单，就是降低一下的版本，我们不指定版本它默认会安装最新的版本，我们可以降一下版本，然后说一下我的版本 。我们去看一下npm版本页面我们就挑一个最近下载量比较高的版本,更新一下即可。 然后我们就成功了。当然我们也可以试一下另一种解决方案，这个作者也没试过，看别人是可以成功的，有想用这个的，可以自己去试一试。 最后 如果本篇文章对你有帮助，麻烦点个赞，谢谢。
vue3安装element-plus过程中出错
Blank_空白丶的博客
07-14 333
错误内容：npm ERR! Unexpected token '.' npm ERR! A complete log of this run can be found in:某个路径原因：node版本或者npm版本过高或者过低我这里用的nvm包管理工具 直接在cmd命令行中nvm install 16.13.1安装16.13.1的版本最后 nvm use 16.13.1版本即可完成上述工作后 安装element-plus 安装完后的版本为："element-plus
vue3安装element plus报错code ERESOLVE
m0_69056243的博客
09-06 561
安装element puls时加上 --legacy-peer-deps即可解决。这种报错是因为npm版本高了导致的。
element admin plus报错安装教程
qq_51241304的博客
04-20 261
element plus admin 后台框架搭建
Vue3+TS+ElementPlus报错集锦
weixin_60886885的博客
06-29 4242
（1）报错信息模块的默认导出具有或正在使用专用名称“Props”（2）修复方式一（为interface添加导出）userName: '法外狂徒-张三'})（3）修复方式二（使用type定义类型）userName: '法外狂徒-张三'})（4）修复方式三}>(),userName: '法外狂徒-张三'
Vue3 + Element-plus 报错 require is not defined 处理问题
qq_38828542的博客
04-30 792
记：同样可以解决 element-plus/es/locale/lang/zh-cn 引入报错问题。中修改配置，没有就新建。
$ npm install element-plus --save
最新发布
08-16
`npm install element-plus --save` 是一个Node.js命令，用于安装Element Plus库并将其添加到项目依赖项中。Element Plus是一个基于Vue.js的开源UI组件库。 这个命令分两部分理解： 1. `npm install`: 使用Node Package Manager（npm）来安装包。`install` 命令会下载指定的包及其依赖。 2. `element-plus --save`: 具体参数说明如下： - `element-plus`: 要安装的包名，这里是Element Plus组件库的名称。 - `--save`: 表示将这个包作为项目的依赖项添加到`package.json`文件中，这样在未来的版本控制提交时，其他人可以通过`npm install`命令直接从`dependencies`或`devDependencies`部分知道并安装这些依赖。 执行此命令后，会在你的项目目录下创建一个`node_modules`文件夹，存放Element Plus库的文件，并在`package.json`文件的`dependencies`或`devDependencies`中记录这一依赖。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值