npm安装、更新elementplus（错误解决）

LYing-Ying

已于 2024-11-04 10:23:28 修改

阅读量562

点赞数 3

文章标签： npm 前端 node.js

于 2024-08-30 13:58:13 首次发布

本文链接：https://blog.csdn.net/weixin_74457882/article/details/141716395

版权

一、安装

报错：cnpm install element-plus --save
× Install fail! Error: GET https://registry.npmmirror.com/elementplus response 404 status

解决：加参数指定官方源（先清理缓存）

cnpm install element-plus --registry=https://registry.npmjs.org

二、更新

1、清除npm缓存

npm cache verify

设置镜像源(taobao)

npm config set registry https://registry.npmmirror.com

查看镜像源是否设置成功

npm config get registry

2、下载

cnpm install element-plus@latest

3、查看版本

cnpm show element-plus version

4、删除node_modules（package-lock.json）

5、重新安装依赖

cnpm i

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LYing-Ying

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vite+vue+elementplus安装过程遇到的问题

qq_41559229的博客

04-06

4106

因为最近忙的差不多了，而且vite据说用起来很快，所以正好现在有空闲时间，所以就来尝试一下配置一下vite+vue+elementPlus。注：本文主要是用yarn来安装包，用npm或者cnpm的同学相对应的切换即可。开始打开vite的官方文档，你会看到下面的图。vite中文官网 NPM： npm init @vitejs/app YARN： yarn create @vitejs/app 心念念的直接使用yarn create @vitejs/app命令开始常见，结果报错了！究其原因是因为ya

IDEA安装element-ui报错npm ERR Found vue@3.2.26npm ERR node_modulesvuenpm ERR vue@“^3.0.0“ from

m0_54850467的博客

02-26

2676

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: novel@0.1.0 npm ERR! Found: vue@3.2.26 npm ERR! node_modules/vue npm ERR! vue@"^3.0.0" from the root project npm E

参与评论您还未登录，请先登录后发表或查看评论

element-plus版本升级遇到的问题及踩坑总结

qq_36761520的博客

10-26

5397

其原因是GDropdown组件是基于el-dropdown组件二次封装实现的，v2.0.0版本el-dropdown组件有了很大的改变，v1.1.0-beta.3版本el-dropdown组件用到了el-popper组件，v2.0.0版本el-dropdown组件用的是el-tooltip组件。V2.0.0 2022-02-07发布，第一个稳定的release版本，之前全是beta版本，截止2023-08-10，最新的版本是V2.3.9（2023-08-04发布的）

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

01-18

突然发现已经半年没更新的element-ui更新了更新了什么还不清楚，但是告知了基于vue3.x版本的 element-plus 已经出来了。先来上手体验一下首先安装一个最新的@vue-cli，搭建一个vue3.x的项目，脚手架创建流程已经很简洁了，这里就不多说了。建好之后，直接开始安装吧 npm i element-plus 为了方便，直接采取全部引入的方式 src/plugins/element.ts import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.c

element-plus 依赖升级后构建报错

m0_61437084的博客

10-22

197

本地build一直没有问题，流水线构建就报错。element-plus的包更新了，从2.8.0更新到2.8.6.把package-lock.json提交或者package.json固定2.8.0版本就好了。

element-plus 从1.x测试版升级到2.x稳定版

James_liPeng的博客

03-10

6312

1. 卸载项目里原来的element-plus npm uninstall element-plus 2. 安装最新的element-plus npm install element-plus --save 3. 在vue.config.js的configureWebpack参数中添加配置 module: { rules: [ { test: /\.mjs$/, include: /node_modules/, type: "javascrip

vue3 更换 elemnt-ui / element-plus 版本npm命令

m0_52433668的博客

10-22

4300

【代码】vue3 更换 elemnt-ui / element-plus 版本npm命令。

element-plus版本升级导致编译失败

L_C_sunny的博客

07-24

987

在最近的版本升级中，Element Plus 更新到了 2.3.8 版本。在测试环境中，当我们尝试打包项目时，出现了上述的编译错误。最近使用element-puls 测试发现打包报错。经过仔细的分析和尝试，发现问题出现在引入路径上。修改路径成功地解决了编译失败的问题。

element-plus升级2.5+后自己之前写的el-select下拉框样式失效

li_970408的博客

03-19

931

【代码】element-plus升级2.5+后自己之前写的el-select下拉框样式失效。

vue3+ElementPlus cron组件

04-09

- **安装依赖**：确保已经安装了Vue3和ElementPlus，可以通过npm或yarn添加。 - **引入组件**：在项目中引入Cron组件，根据组件文档进行配置。 - **数据绑定**：将cron表达式绑定到Vue3的data对象，以便在组件和应用...

vue3项目element-plus由v2.1.x升级到v2.2.x可能遇到的坑

Annie的博客

05-26

4774

以下是给项目升级element-plus版本时遇到的warning或样式错乱问题，不一定全面，但应该覆盖了大部分常用组件的变更。升级后： 2、upload组件升级前：上传input所在div 与文件列表ul 为兄弟组件升级后：上传input所在div 与文件列表ul 为父子组件由于DOM结果发生变化，若有自定义样式，需关注。3、form组件升级前：升级后：表单label的布局及对齐方式发生变化，若使用slot自定义了label样式，需关注。 4、table组件tab......

升级Element Plus版本，如何解决报错以及需要修改哪些配置

最新发布

weixin_49205615的博客

11-06

481

为了实现Collapse折叠面板的自定义icon，将Element plus 2.6.3升级到2.8.x ，如何解决报错，如何修改vite配置；

Element Plus@1.0更新至@2.x的一些破坏性改动

ymzhao

06-20

2717

Element Plus官方迁移指南中间版本的更新策略： element-plus 代码仓库，discussion 中查询"Breaking Change"，可以查看迁移必备的更改，例如：Breaking changes made in 1.1.0-beta.11.2.0-beta.1 Breaking Change1.3.0-beta.1 Breaking ChangeElement Plus Breaking Changes其它非破坏性改动，可参照更新日志或者官方文档......

踩坑记11 vue3 组件化 | watchEffect component组件 | @element-plus/icons el-icon | npm和yarn更新包

Alloom的博客

08-05

1924

8.5 封装组件，使用el-icon（SVG Icon）。坑34（封装、组件化、生命周期钩子、路由守卫）：本坑记录的是未使用watch/watchEffect时的原始封装方法，仅作为记录。ps：下一坑35采用watchEffect方法（超好用！！！）。与上一篇踩坑记10 vue3、vuex4、组件化_Alloom的博客-CSDN博客坑33中的封装方式（父组件获取路由数据，通过props传值给子组件，子组件通过computed设置响应性，数据更新时间是在父组件setup中调用onMounte.

element-plus升级到2.7.X版本后，link按钮点击后样式问题解决

vue-cli脚手架初始化代码

05-20

454

element-plus 升级后link按钮点击样式解决

“element-plus“: “~2.6.1“和“element-plus“: “^2.6.1“在xue项目package.json配置的主要区别

qq_52526079的博客

10-10

336

‌ 表示安装的element-plus版本将在2.6.1的基础上允许有一定的版本浮动范围，但不会超出主版本号。这意味着可以安装2.6.x的任何补丁版本，但不会升级到2.7.x的新版本。这种策略适合于希望稳定使用特定版本的开发者，避免因新版本带来的不兼容改动。‌ 表示安装的element-plus版本将至少是2.6.1，但允许升级到2.x的任何新版本，只要主版本号不超过2。这种策略适合于希望自动获取bug修复和性能提升，同时又能保持与现有代码的兼容性的开发者。

使用ElementPlus完成Dialog对话框的显示： 1、说明使用Dialog对话框的应用场景 2、实现该组件功能的步骤 3、代码 4、效果图

10-14

在Vue应用中，ElementPlus库提供了一个简洁易用的Dialog组件，用于创建各种类型的弹出对话框，如确认对话、输入框等，常用于需要用户交互或确认信息的场景，比如： 1. **应用场景**： - 确认操作前的提示：例如删除数据、修改设置之前让用户确认。 - 弹出表单填写：展示一个模态窗口来收集用户的详细信息。 - 提示消息：如加载数据过程中的反馈或错误处理。 2. **实现步骤**： - 首先，你需要安装Element Plus库，可以使用npm或yarn进行安装： ```bash npm install element-plus # 或者 yarn add element-plus ``` - 在Vue组件中引入Dialog并使用它： ```html <template> <el-dialog ref="dialog" title="标题" :visible.sync="dialogVisible">  <p>这是对话框的内容</p>  </el-dialog> </template> ``` - 控制对话框的显示与隐藏： ```javascript import { ElDialog } from 'element-plus'; export default { data() { return { dialogVisible: false, }; }, methods: { showDialog() { this.dialogVisible = true; }, hideDialog() { this.dialogVisible = false; }, }, } ``` 3. **代码**： ```html  <button @click="showDialog">打开对话框</button> <button @click="hideDialog">关闭对话框</button>  ``` ```javascript // ... methods: { showDialog() { this.$refs.dialog.show(); }, hideDialog() { this.$refs.dialog.hide(); }, }, // ... ``` 4. **效果图**：当你点击“打开对话框”按钮时，会弹出一个带有预设标题和内容的对话框，用户可以在其中输入或做其他操作；点击“关闭对话框”按钮则将对话框关闭。