import { ArrowRight } from “@element-plus/icons-vue“；

已于 2024-01-16 16:36:19 修改
阅读量729 收藏 9
点赞数 9
文章标签： vue.js 前端 javascript
于 2024-01-16 16:08:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46607967/article/details/135627192
版权

今天下午快被这个问题折磨疯了  虽然知道这个问题怎么产生的 但项目里那个碍眼的红线就是去不掉  后来才发现  这是插件的锅

我的心情 你知道我想要说什么的

想必能看到这篇文章的  也知道这个问题是怎么产生的  vue3+ts使用的时候  默认是需要带上文件名的  但是引入el组件时  是不需要带的  但不带就会莫名其妙产生如下报错

图1
图2  这里问题已经解决了  所以故意少打一个e  复现一下问题

解决方法为

1. 禁用 Vetur 这个插件  该插件会默认以V2去检查代码 故产生图1中的提示 禁用后记得重新启动一下vscode

 2. 如果禁用后 依旧会出现报错 如图2 把以下两个插件重新安装一下 <即便之前安装过亦或是没安装

归根结底  插件校验的锅 

RyzenVega
关注
  • 9
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element-pro-components:基于element-plus的Vue 3的组件库
04-18
元素亲组件（WIP） 基于element-plus的Vue 3的组件...安装yarn add element-pro-components# ornpm i element-pro-components用法import { createApp } from 'vue'import App from './App.vue'import ElementPro from '
学习vue遇到的一些问题（自用）
MagicCat_TJY的博客
03-25 3862
模块“"c:/Users/lenovo/Desktop/graduation_project/manageWebsites/vuecode/src/components/HeaderCom.vue"”没有默认导出。在src 文件夹下创建一个canvas-sign .d.ts 的文件。方案二、根目录新建tsconfig.json。下创建一个文件env.d.ts的文件。1、检查回调事件名字是不是一致。情况一、vue3.0+js。情况二、vue3.0+ts。根目录新建env.d.ts。
vue3中后台管理系统中应用面包屑组件
qq_35191010的博客
05-11 1860
vue3中后台管理系统中面包屑组件的应用
element+ 引入图标报错 Failed to resolve import “@element-plus/icons-vue“ from “
最新发布
IU
03-29 526
vue3.0中Element+的使用
Vue3引入Element Plus的Icon
热门推荐
帅帅气气的黑猫警长
09-18 1万+
Vue3使用Element Plus的Icon
Vue - Vue3 封装组件(更新中...)
weixin_39158686的博客
12-15 1269
穿梭框 DataTransfer <script setup> import {ArrowLeft, ArrowRight, Search} from "@element-plus/icons-vue"; import {computed, getCurrentInstance, onMounted, ref, watch} from "vue"; const emit = defineEmits(["update:modelValue"]) const props = defineProp
cesium-切分地图
zslsh44的专栏
03-06 364
监听两个值的变化，一个是是否要隐藏一个是是否显示边框。在cesium中只看想看到的部分地图，其他的隐藏。
element-ui相关问题.txt
05-23
element-ui在vue使用过程中遇到的一些问题和一些所使用的方法
tabler-icons-react:React React的Tabler图标
04-28
import { Activity } from 'tabler-icons-react' ; 例子 import React from 'react' ; import { Activity } from 'tabler-icons-react' ; export default function Example ( ) { return ( < Activity s
vue-material-icons
04-02
如何通过npm安装npm install -D @dbetka/material-icons设置添加为Vue插件import MaterialIcons from '@dbetka/material-icons' ;Vue . use ( MaterialIcons ) ; 自己添加组件import { AIcon , IconComputed , Icon...
vue-tabler-icons:完全可定制的免费SVG图标制作为Vue组件
04-28
import { BoldIcon } from 'vue-tabler-icons' ; export default { components : { BoldIcon } , } ; </ script > </ template> 使用Vue插件 您可以安装一个Vue插件，该插件会自动将所有组件添加到Vue...
[Vue3]构建通用后台系统
weixin_30230009的博客
05-21 1629
前言基于Vue3 + Vite + Element-plus 来构建一个常见的后台，做这个的原因还是在于理清技术细节，虽然这玩意到处都是，但对于前端经验不算多的我而言，还是有必要自己捣鼓一次的，此外本次使用JavaScript来开发，而不适用TypeScript，核心原因是，遇到一些问题时，请教周围的前端朋友发现他们都不太熟悉TypeScript，所以一些小问题因为其类型...
vue3+element-plus 动态生成icon报错，已解决
期待变成大神的博客
02-17 844
vue3+element-plus 动态生成icon报错
解决Failed to resolve import “@element-plus/icons-vue“ from “src\views\Home.vue“. Does the file exist?
hu_666666的博客
03-26 1万+
成功地解决了Failed to resolve import "@element-plus/icons-vue" from "src\views\Home.vue". Does the file exist?
Element组件（基础组件和配置组件）
weixin_68915174的博客
11-20 2684
buttonbutton添加样式：2.渲染没有边框（text）和背景色（bg）的按钮添加样式同上格式：2. //在图标后面添加内容3. //在图标前面添加内容需要添加style添加color=" " :dark="isDark"js中添加Border边框Container布局容器：外层容器：顶栏容器。：侧边栏容器。：主要区域容器。
在vue3项目中引入element-plus的Icon图标
weixin_44775694的博客
05-21 1万+
Element Plus 是为适配 Vue3 而对 Element UI 进行重构后产生的前端组件库，包含丰富的基础组件。官方网址为：一个 Vue 3 UI 框架 | Element Plus 在Vue项目中使用Element-plus的Icon图标，包括按钮和动态菜单等，接下来是引入在vue3项目中引入Icon图标的步骤。 安装（使用包管理器）： # 选择一个你喜欢的包管理器 # NPM $ npm install @element-plus/icons-vue # Yarn $ y...
vue3 element-plus @element-plus/icons-vue安装运行报错Could not resolve “@vue/shared“
GIS小虫的博客
12-29 1万+
rt
踩坑日记1- element-plus el-icon 最新使用指南
大补bu的博客
11-03 7121
element-plus el-icon 最新使用指南 Element Plus 团队表示正在将原有组件内的 Font Icon 向 SVG Icon 迁移，正式版本Font Icon将被弃用，于是目标是对代码进行对应的更新，Font Icon换成SVG Icon。 文档： Icon 图标 | Element Plus (element-plus.org) (2021.10.12更新替换连接地址，element-plus文档网址变动了) 注意：当前图标只适用于vue3。 首先更
如何安装@element-plus/icons-vue
03-07
要安装@element-plus/icons-vue，您可以按照以下步骤进行操作： 1. 首先，确保您已经在项目中安装了Element Plus。如果还没有安装，请使用以下命令进行安装： ``` npm install element-plus ``` 2. 接下来，您可以使用以下命令安装@element-plus/icons-vue： ``` npm install @element-plus/icons-vue ``` 3. 安装完成后，您可以在项目中使用@element-plus/icons-vue提供的图标。首先，您需要在您的Vue组件中引入所需的图标。例如，如果您想使用"el-icon-search"图标，可以在组件中添加以下代码： ```vue <template> <div> <i class="el-icon-search"></i> </div> </template> <script> import 'element-plus/lib/theme-chalk/index.css'; // 引入Element Plus的样式文件 import { ElIcon } from 'element-plus'; // 引入Element Plus的ElIcon组件 export default { components: { ElIcon } } </script> ``` 4. 现在，您可以在组件中使用@element-plus/icons-vue提供的图标了。只需将相应的类名添加到`<i>`标签中即可。 希望以上步骤对您有帮助！如果您还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值