【vue】执行npm install element-ui -S报错

最新推荐文章于 2024-04-28 13:53:27 发布
最新推荐文章于 2024-04-28 13:53:27 发布
阅读量546 收藏 3
点赞数
分类专栏： vue 文章标签： vue.js npm ui elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42740449/article/details/132349326
版权

执行npm install element-ui -S报错

npm install element-ui -S
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! While resolving: my-project0817@0.1.0
npm ERR! Found: vue@3.3.4
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.13
npm ERR! node_modules/element-ui
npm ERR!   element-ui@"*" 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!
npm ERR! For a full report see:
npm ERR! C:\Users\LENOVO\AppData\Local\npm-cache\_logs\2023-08-17T12_24_41_623Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: C:\Users\LENOVO\AppData\Local\npm-cache\_logs\2023-08-17T12_24_41_623Z-debug-0.log

解决方法

npm install element-plus --save

原因

参考的网站错误了，

npm install element-ui -S

对应的是https://element.eleme.cn/#/zh-CN/component/installation

npm install element-plus --save

对应的是 https://element-plus.gitee.io/zh-CN/

element-ui 的版本是这样匹配的vue@“^2.5.17” from element-ui@2.15.13
element-plus 匹配的版本是vue@“^5.08”

罗布猪咪
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue安装element ui失败
GengJL
11-06 3175
解决方法：使用稳定版本npm。
npm install报错-vue-element-admin-fix-npm-problem-master.zip
01-02
`vue-element-admin-fix-npm-problem-master.zip`这个压缩包文件，显然包含了针对`vue-element-admin`项目中`npm install`报错的修复方案。 首先，我们需要了解`npm install`可能遇到的一些常见问题。这包括但不...
npm i element-ui -S命令错误
llllllllllll666的博客
05-07 6868
项目前提： 项目需要引入element-ui 报错问题： vue2和vue3引入elementui库是不一样的，一开始是跟着element-ui的官网去做的，发现npm下载报错了 报错分析： elemen-ui不适配vue3，官方已经将vue3版本更新为element-plus element-plus安装教程 如果是vue2安装element-ui就跟着官网去做就好了 element-ui官网安装教程 解决问题： 安装（我是用yarn下载的，看个人情况，你有yarn就用yarn，没有就npm，ya
在vue2项目中，使用element ui 的详细步骤
最新发布
zzz1780340的博客
04-28 417
这样一个简单的使用就完成了 ，其实element ui 还有很多细节的地方 ，未来的地方一点点填充吧。：现在你可以在你的Vue组件中使用Element UI提供的各种组件了。例如在组件中 使用菜单。）导入Element UI组件和样式。通常你需要导入整个库或者按需导入组件。这儿我是做了一个菜单之后显示的内容 ， 加了一个 跳转路由和 路由视口。首先，创建菜单组件，在vue文件中创建一个新的组件来呈现菜单，在app.vue 中 使用菜单组件。：在项目的入口文件中（一般是。
npm命令安装element-ui报错
qq_42542301的博客
11-13 1997
npm命令安装element-ui报错
使用npm安装element-ui报错：npm i element-ui -Snpm ERR! code EPERMnpm ERR! syscall opennpm ERR! path
naihe_fish的博客
07-06 2590
npm i element-ui -S npm ERR! code EPERM npm ERR! syscall open npm ERR! path D:\Program Files\nodejs\node_cache\_cacache\tmp\9c63664f npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, open 'D:\Program Files\nodejs\node_cache\_cacache\tmp\
【Vue报错】npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR!
m0_46533551的博客
02-10 7970
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR!
vue3项目npm install安装报错“npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve”
秋叶原的黑猫的博客
07-04 1万+
报错： 其实就是版本不兼容导致的，可能是因为npm版本太高，而安装的vue版本过低。解决方法也很简单，一个是使用npm安装项目每个部件对应版本，还有一个是修改自己项目版本。第一个方法过于麻烦且没有必要，我选择修改自己项目版本，所有部件版本都使用最新版(需要注意查看新版本是否与自己项目的老版本兼容，比如vue2和vue3就不兼容)打开package.json文件，可以看到自己项目的各个部件版本，鼠标放到部件上，也能预览最新版本，逐个修改即可......
VUE.js+element-ui实现JSON编辑器
02-17
npm install vue element-ui vue-json-editor --save ``` 2. **创建Vue组件** 在项目中创建一个新的Vue组件，例如命名为`JsonEditor.vue`。在这个组件中，你可以导入并使用Element-UI的组件，以及JSON编辑器组件...
vue-element-nocode-admin:element-ui 的代码可视化编辑
05-06
element-ui 的代码可视化编辑器，自动生成表单代码，列表代码。不是一个可视化解决方案，更像是生成模板的工具 :house: 网页版本，在preview分支 Install npm install -g ele-cli How to Use 服务端占用 3000 端口 ...
element-ui.rar element-ui核心库压缩包
12-20
npm install element-ui --save # 或 yarn add element-ui ``` 安装完成后，需要在 Vue 的入口文件（如 main.js）中引入 Element UI 并使用它： ```javascript import Vue from 'vue'; import ElementUI from '...
vue学习笔记-关于element ui 安装失败的问题解决
阿倩要努力啊
05-12 4万+
今天学习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!
npm install element-ui -S 报错
weixin_53159238的博客
04-17 4365
安装element-ui报错 以及一错再错 最后入坑，分享方法。
vue3安装element-ui报错npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm
m0_51963973的博客
04-05 908
解决办法是在原有命令后面加。
npm错误——npm ERR code ERESOLVE 解决方法
m0_67391907的博客
03-08 3827
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vol.vue3@0.1.0 npm ERR! Found: vue@3.2.20 npm ERR! node_modules/vue npm ERR! vue@"^3.0.0" from the root project npm ERR! npm ERR! Could not reso
[npm错误]npm ERR! code ERESOLVE
dawang18232123的博客
06-27 4252
[npm错误]npm ERR! code ERESOLVE，node环境，彻底删除node，安装依赖出错解决问题
解决“npm WARN requires a peer of XXX“问题
热门推荐
sanqima的专栏
11-12 5万+
    在NodeJs开发中，往往需要安装各种依赖包，而有时候这些依赖包版本更新了或者改成了另外一个包名，导致npm install会报“require a peer of XXX”之类的warning。解决方法，就是缺啥就补啥，命令如下： npm install --save-dev "XXX"     比如，warning报“requires a peer of eslint@>=6.2.2 ”，如图(1)所示： 图(1) warning报"eslint@>=0.62.2" 依赖包缺
npm错误——npm ERR.code ERESOLVE 解决方法
qq_43425512的博客
07-07 602
原文链接：https://blog.csdn.net/weixin_62338560/article/details/127457427。版权声明：本文为CSDN博主「Betty_mere」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。npm错误——npm ERR.code ERESOLVE 解决方法。文章标签： npm vue.js javascript。于 2022-10-22 09:27:48 发布。
Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法
zhzjn的博客
12-11 6954
最终发现，我们之所以在命令提示符中的npm命令和VS Code中的npm命令出现npm ERR code ENOENT错误只是因为文件夹在错的文件夹中进行npm命令罢了，平时一定多细心。我们也可以在VS Code中打开我们cmd的文件夹查看（打开这个文件夹就是错误的，应该打开它内部创建的项目名文件夹！记住你创建的项目名称，到时候需要进入这个文件夹npm install。如果按之前的直接npm install的话 会出现err错误，现在我们打开cmd文件夹中的项目文件夹。最简单的就是需要cd 你的项目名。
npmi element-ui --save
07-27
引用\[1\]:新建 /src/components/element/index.js 文件，index.js 示例代码如下： import { Button, Input, Radio, Table, Form } from 'element-ui' const coms = \[ Button, Input, Radio, Table, Form \] export default { install(Vue, options){ coms.map(c => { Vue.component(c.name, c) }) } } 。 引用\[2\]:在 main.js 中引入自定义 element 插件： import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' //引入 element 插件 import element from './components/element' Vue.use(element) Vue.config.productionTip = false new Vue({ router, store, render: h => h(App) }).$mount('#app') 。 引用\[3\]:在 main.js 入口文件中引入组件： import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import { Button } from 'element-ui'; // 按需引入组件 Vue.component(Button.name, Button); // 注册全局组件 // 或 // Vue.use(Button) // 或指定组件名称 // Vue.component('my-button', Button); Vue.config.productionTip = false new Vue({ router, store, render: h => h(App) }).$mount('#app') 第6步：使用组件 <template> <div id="app"> <el-button type="primary">按钮</el-button> <!-- <my-button>按钮</my-button> --> </div> </template> 封装 Element 模块 。 问题: npmi element-ui --save 回答: npmi element-ui --save 是一个错误的命令。正确的命令应该是 npm install element-ui --save。这个命令用于在你的项目中安装 element-ui 包，并将其添加到项目的依赖中。 #### 引用[.reference_title] - *1* *2* *3* [Vue 项目中按需引入 ElementUI 的正确方法](https://blog.csdn.net/p445098355/article/details/121207285)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值