vue3 element-plus @element-plus/icons-vue安装运行报错Could not resolve “@vue/shared“

最新推荐文章于 2025-02-18 10:53:36 发布
原创 最新推荐文章于 2025-02-18 10:53:36 发布 · 1.5w 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #elementui

本文介绍了Element Plus图标组件的正确安装方法。针对@element-plus/icons-vue安装出现的问题，建议安装1.x版本，并提供相关依赖版本参考。

element-plus的icon图标一改element-ui版本的直接引用，变成了需要额外安装@element-plus/icons-vue。
在这里插入图片描述
按照官网的命令，直接安装最新版，安装时没问题，运行之后报错Could not resolve “@vue/shared”，安装了@vue/shared之后还有错误，怒删之。经过测试，不要安装最新版的@element-plus/icons-vue，安装1.x版本的，没问题。

pnpm install @element-plus/icons-vue@1.x

其他依赖版本如下
“vue”: “^3.2.38”,
“element-plus”: “^2.2.25”,

GIS小虫
关注
Vue3 - Element-Plus实现el-menu无限级菜单组件，菜单栏无限多层级分类，导航栏递归动态菜单和动态路由的渲染源码（基于Menu封装左侧菜单栏组件，支持接口获取动态数据、懒加载菜单）
🏆 前端领域优质创作者
08-10 5063
Vue3 Element-plus el-menu无限级菜单组件封装，基于el-menu封装左侧菜单栏组件，递归型菜单组件封装，实现动态菜单和动态路由的渲染，归型菜单组件封装，el-menu递归菜单（含完整代码）vue3+ts el-menu动态多级菜单(递归）实现无线级菜单，数据动态获取怎么办，Vue3中使用ElementPlus以el-menu导航菜单形式展示Tree树形结构，配置路由及侧边栏导航栏，Vue3使用递归组件封装El-Menu多级菜单，Vue3 Element-plus和el-menu无限级
Vue3.2环境搭建
Ztw的博客
04-13 2825
Vue3.2环境从0开始搭建：vue3.2采用了pnpm进行项目的管理， 1、如果没有全局安装过pnpm，先全局安装pnpm npm install pnpm -g 2、在项目目录D:\workspace\vue3\my-vue（可以是其它任何路径）下cmd运行 pnpm init -y 生成package.json文件 3、在my-vue文件夹下创建pnpm.workspace.yaml文件，输入以下内容 packages: - 'packages/*' 4、安装依赖 pnp
ts+vite+element-plus+npm发包的各种坑
melissaomy的博客
01-21 4485
ts+vue3+element-plus各种坑
vue3响应式模块的实现 efffect reactive ref...
小王的技术库
08-20 802
在前面的实现代理的地方，也就是get方法哪里，我们并没有处理被代理对象属性仍然是一个对象的情况，对于属性是对象的时候，我们仍然应该再取值的时候，对该属性进行代理。这种情况再触发副作用函数执行以后，第二次外层副作用函数不会再次取age属性值，也就是说在最新执行完本次的副作用函数以后，我们的age对应的effects集合里面不应该包含外层的effect函数，只应该包含内存的effect。那么我们在取计算属性值的时候，应该进行依赖收集，在计算属性依赖的属性发生更新以后，也应该在修改脏值以后，触发更新。
【Vue】[ERROR] Could not resolve “@vue/shared“. You can mark the path “@vue/shared“ as （Element）
HEX9CF的技术博客
10-21 6612
引入 Element Plus 后控制台报错，报错信息如下。查看命令行控制台，发现报错。
Element-Module not found: Error: Can‘t resolve ‘@element-plus/icons-vue/dist/types‘ in ‘D:\project\
weixin_54048131的博客
04-02 1498
【代码】Element-Module not found: Error: Can‘t resolve ‘@element-plus/icons-vue/dist/types‘ in ‘D:\project\
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: element-ui@2.15.14 npm ERR! Found: vue@3.5.13 npm ERR! node_modules/vue npm ERR! peer vue@"^3.2.0" from @element-plus/icons-vue@2.3.1 npm ERR! node_modules/@element-plus/icons-vue npm ERR! @element-plus/icons-vue@"^2.3.1" from element-plus@2.9.8 npm ERR! node_modules/element-plus npm ERR! element-plus@"^2.9.8" from the root project npm ERR! peerOptional vue@"^2 || ^3.2.13" from @vue/babel-preset-app@5.0.8 npm ERR! node_modules/@vue/babel-preset-app npm ERR! @vue/babel-preset-app@"^5.0.8" from @vue/cli-plugin-babel@5.0.8 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~5.0.0" from the root project npm ERR! 8 more (@vue/babel-preset-jsx, @vue/server-renderer, vue-demi, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^2.5.17" from element-ui@2.15.14 npm ERR! node_modules/element-ui npm ERR! element-ui@
04-23
嗯，用户遇到了npm安装时的ERESOLVE错误，具体是Vue 3和element-ui的版本冲突。首先，我需要回忆一下这两个库的兼容性情况。Element-UI主要是为Vue 2设计的，而Element Plus才是支持Vue 3的版本。所以用户可能在Vue ...
D:\作业\软件工程课设\免费学习项目脚手架\system\vue>npm install @wangeditor/editor npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: @wangeditor/editor-for-vue@1.0.2 npm error Found: vue@3.3.8 npm error node_modules/vue npm error peer vue@"^3.2.0" from @element-plus/icons-vue@2.3.1 npm error node_modules/@element-plus/icons-vue npm error @element-plus/icons-vue@"^2.3.1" from element-plus@2.9.7 npm error node_modules/element-plus npm error dev element-plus@"^2.9.7" from the root project npm error @element-plus/icons-vue@"^2.1.0" from the root project npm error peer vue@"^3.2.25" from @vitejs/plugin-vue@4.4.1 npm error node_modules/@vitejs/plugin-vue npm error dev @vitejs/plugin-vue@"^4.4.0" from the root project npm error 7 more (@vue/server-renderer, vue-demi, vue-demi, element-plus, ...) npm error npm error Could not resolve dependency: npm error peer vue@"^2.6.14" from @wangeditor/editor-for-vue@1.0.2 npm error node_module
04-16
检查`node_modules/@wangeditor/editor-for-vue`是否成功安装，并运行项目测试富文本功能是否正常。 **注意**：此方法可能引发潜在的兼容性问题，需在测试环境中验证功能[^1][^3]。 --- ##### 方法2：升级Vue...
npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue/composition-api@1.7.2 npm ERR! Found: vue@3.5.24 npm ERR! node_modules/vue npm ERR! vue@"^3.5.13" from the root project npm ERR! peer vue@"^3.2.0" from @element-plus/icons-vue@2.3.2 npm ERR! node_modules/@element-plus/icons-vue npm ERR! @element-plus/icons-vue@"^2.3.1" from the root project npm ERR! @element-plus/icons-vue@"^2.3.2" from element-plus@2.11.7 npm ERR! node_modules/element-plus npm ERR! element-plus@"^2.9.7" from the root project npm ERR! 12 more (@tinymce/tinymce-vue, @vitejs/plugin-vue, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@">= 2.5 < 2.7" from @vue/composition-api@1.7.2 npm ERR! node_modules/@vue/composition-api npm ERR! @vue/composition-api@"^1.7.2" from the root project npm ERR! peerOptional @vue/composition-api@"^1.7.1" from @vue-office/docx@1.6.3 npm ERR! node_modules/@vue-office/docx npm ERR! @vue-office/docx@"^1.6.3" from the root project npm ERR! 4 more (vue-demi, @vue-office/excel, @vue-office/pdf, @vue-office/pptx) npm ERR! npm ERR! Conflicting peer dependency: vue@2.6.14 npm ERR! node_modules/vue npm ERR! peer vue@">= 2.5 < 2.7" from @vue/composition-api@1.7.2 npm ERR! node_modules/@vue/composition-api npm ERR! @vue/composition-api@"^1.7.2" from the root project npm ERR! peerOptional @vue/composition-api@"^1.7.1" from @vue-office/docx@1.6.3 npm ERR! node_modules/@vue-office/docx npm ERR! @vue-office/docx@"^1.6.3" from the root project npm ERR! 4 more (vue-demi, @vue-office/excel, @vue-office/pdf, @vue-office/pptx) 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:\Program Files\nodejs\node_cache\_logs\2025-11-13T06_20_14_241Z-eresolve-report.txt npm ERR! A complete log of this run can be found in: C:\Program Files\nodejs\node_cache\_logs\2025-11-13T06_20_14_241Z-debug-0.log
11-14
从错误信息可以看出，项目本身以及多个依赖（如element-plus）使用的是Vue3，而@vue/composition-api和@vue-office/docx等依赖要求Vue2版本的@vue/composition-api（注意：Vue3已经内置了Composition API，不需要这...
vite unplugin-icons @element-plus/icons-vue
最新发布
12-10
在Vite项目中结合使用`unplugin-icons`与`@element-...在上述示例中，`IconEpSearch`是`@element-plus/icons-vue`中的搜索图标，通过`unplugin-icons`和`unplugin-vue-components`的配置，无需手动导入即可直接使用。
npm run dev 报错 X [ERROR] Could not resolve “@vue/shared“
D_Fortune的博客
04-11 1253
执行以下命令，将 @vue/shared 添加到项目的依赖中。缺少@vue/shared依赖。
解决Failed to resolve import “@element-plus/icons-vue“ from.... vue3使用icons报错问题
Shivy_的博客
02-18 2137
解决Failed to resolve import “@element-plus/icons-vue“ from.... vue3使用icons报错问题
解决Failed to resolve import “@element-plus/icons-vue“ from “src\views\Home.vue“. Does the file exist?
hu_666666的博客
03-26 2万+
成功地解决了Failed to resolve import "@element-plus/icons-vue" from "src\views\Home.vue". Does the file exist?
vue项目出现的问题：ERESOLVE could not resolve
热门推荐
静韧
01-07 3万+
vue项目执行npm install 出现的问题
vue 报错-Module not found: Error: Can't resolve 'element-plus' in '
祈澈菇凉
09-30 1万+
在运行项目的时候，会出现这样的报错 errorin ./src/util/service.js Module not found: Error: Can't resolve 'element-plus' in 'D:\BaiduNetdiskDownload\code\src\util' 解决办法 安装 element-plus模块 npm install element-plus ...
element+ 引入图标报错 Failed to resolve import “@element-plus/icons-vue“ from “
IU
03-29 1266
vue3.0中Element+的使用
解决vue3 vue-cli element-plus导入样式失败的问题
Rejective的博客
03-09 7623
解决vue3 vue-cli element-plus导入样式失败的问题 本来想给按钮添加一个加载的指令，也就是v-loading的时候，浏览器和编译器都报了一个 Can’t resolve 'element-plus/es/components/loading-directive/style/css’这个问题，也就是找不到样式包 这是在vue.config.js/webpack.config.js中的配置 configureWebpack:{ plugins: [ AutoImport
Vue报错：Can‘t resolve
m0_57434037的博客
01-20 3万+
1.vue配置路由如果出现can not resolve“@src/test/demo”,那极有可能你的路径写错了，或者路径和上面的写重复了，检查路径 2.引用路径时，文件后缀.js/.vue什么的没有写全
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值