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

最新推荐文章于 2024-05-17 21:44:10 发布
最新推荐文章于 2024-05-17 21:44:10 发布
阅读量1.2w 收藏 7
点赞数 7
文章标签： vue.js javascript elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Neuromancerr/article/details/128477473
版权

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小虫
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
vue3Element Plus中icon图标不显示问题的解决
weixin_44017994的博客
02-12 1万+
问题描述 在vue组件中使用了Element Plus中icon图标<el-icon>方法想要显示图标，程序能运行但在浏览器中图标无法显示。 解决办法 根据Element Plus官方文档给出的教程以及实践操作，解决办法如下： 1.安装 在终端运行下面指令 npm install --save @element-plus/icons 注意：Element Plus官方文档给出的指令为npm install @element-plus/icons-vue，但运行时终端可能会提供更正确的指令
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
Element-Plus-动态渲染 ICON
最新发布
Sunny_boy
05-17 481
【代码】Element-Plus-动态渲染 ICON。
vue里面使用Velocity.js
07-14 502
英文文档：http://velocityjs.org/ https://github.com/julianshapiro/velocity 中文手册（教程）：http://www.mrfront.com/docs/velocity.js/ velocity.js是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作...
【Vue+Element】[ERROR] Could not resolve “@vue/shared“. You can mark the path “@vue/shared“ as ...
HEX9CF的技术博客
10-21 3302
引入 Element Plus 后控制台报错，报错信息如下。查看命令行控制台，发现报错。
Element-Module not found: Error: Can‘t resolve ‘@element-plus/icons-vue/dist/types‘ in ‘D:\project\
weixin_54048131的博客
04-02 499
【代码】Element-Module not found: Error: Can‘t resolve ‘@element-plus/icons-vue/dist/types‘ in ‘D:\project\
vue项目出现的问题：ERESOLVE could not resolve
热门推荐
静韧
01-07 2万+
vue项目执行npm install 出现的问题
element+ 引入图标报错 Failed to resolve import “@element-plus/icons-vue“ from “
IU
03-29 557
vue3.0中Element+的使用
cannot resolve symbol 和 Cannot resolve directory 以及cannot resolve file
weixin_45446504的博客
08-18 1398
今天写代码时发现这两处是报红的，图片是已经解决过的 解决方式，点击右侧的maven projects 里面刷新，然后重新alt+enter方式调好itesmController类，这样applicationContext.xml配置文件也自动弄好了。 ...
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
06-15
在网上找的（vue3+sortable.js根本跑不起来）网上好多例子在vue3下根据跑不起来于是，也没有对表格排序的例子。Vuedraggable 是基于并提供Sortable.js的所有功能。重用现有element-plus组件库。对于小白来说怎么在...
v-shared-element:Vue.js的声明式共享元素转换
03-09
v共享元素 页面之间的声明式共享元素转换。 在引擎盖下使用的东西。 v3.0.0已经发布！ 如果要从v2.x升级，请参考变更以获取（简短的）重大更改列表。 该示例的源代码可以在上找到。 指数 安装 npm $ npm i v-shared-element 或者 CDN < script src =" https://unpkg.com/illusory " > </ script > < script src =" https://unpkg.com/v-shared-element " > </ script > 注册插件 Vue.js + Vue路由器 //main.js import Vue from 'vue' import { SharedElementRouteGuard , SharedElementDirective } from 'v-shar
Vue3 框架 + Element-Plus 库 + mockjs 假数据 + vue3-demo + 环境已经配好拿来就用
07-06
内容概要：该 Vue3-demo 是基于 Vue3 框架搭配 Element-Plus ui库，建立的简单工程，并搭建了 Mockjs 和 axios工具，可以快速开发的工程，已经成功引入并建立了一个基于 Element-Plus 库中 table 组件的页面;...
基于Vue3和Element-plus的文章发布平台设计源码
04-08
文章发布平台 - 基于Vue3和Element-plus构建，包含39个文件，如VUE、JS、JSON、JPG、PNG、CJS、GITIGNORE、HUSKY和MD等。该系统是一个文章管理系统，使用Vue3技术栈，为用户提供了一个高效、易用的文章发布平台。
element-plus-admin：基于Vue 3和ElementPlus的管理样板
02-26
基于Vue 3和ElementPlus的管理样板。 :clapper_board: 预览 :construction: 状态 工作正在进行中 :red_apple: 尝试 $ git clone https://github.com/ntnyq/element-plus-admin.git $ cd element-plus-admin $ npm...
vue报can‘t resolve
weixin_52113401的博客
07-28 2489
一般就是import 名 from 地的错一般是地址没找到
Vue报错：Can‘t resolve
m0_57434037的博客
01-20 2万+
1.vue配置路由如果出现can not resolve“@src/test/demo”,那极有可能你的路径写错了，或者路径和上面的写重复了，检查路径 2.引用路径时，文件后缀.js/.vue什么的没有写全
vue报错 Module not found: Error: Cannot resolve 'file' or 'directory'
dongjiong0213的博客
06-22 2282
炸了，我好写sell而组件，直接就用了,我的天哪 看你的写了吗，就用； Module not found: Error: Cannot resolve 'file' or 'directory' 页另一种错误，按这种情况我没遇到：http://www.mamicode.com/info-detail-1564042.html 转载于:https://www.cn...
【报错4】Cannot find module ‘@element-plus/icons-vue‘. Did you mean to set the ‘moduleResolution‘ option
qq_61798306的博客
08-11 2129
报错：Cannot find module '@element-plus/icons-vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?
Module not found: Error: Can't resolve '@element-plus/icons-vue'
09-09
在你提供的引用中，未能找到与解决"Module not found: Error: Can't resolve '@element-plus/icons-vue'"错误相关的信息。然而，根据你提供的信息，我可以为你提供一些建议来解决这个错误。 首先，确保你已经正确安装了"@element-plus/icons-vue"模块。你可以使用npm或yarn进行安装，具体命令如下： npm安装： ``` npm install @element-plus/icons-vue ``` yarn安装： ``` yarn add @element-plus/icons-vue ``` 如果已经安装了该模块，那么请检查你的代码中是否正确引入了该模块。你可以尝试使用以下代码来引入"@element-plus/icons-vue"模块： ```javascript import '@element-plus/icons-vue' ``` 如果以上步骤都没有解决问题，可能是由于版本不兼容或其他原因导致的。你可以尝试升级或降级"@element-plus/icons-vue"模块，看是否能解决问题。 希望上述建议对你有帮助，如果还有其他问题，请告诉我。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值