vue-cli+element-plus遇到的问题

于 2023-05-17 01:46:31 发布
阅读量166 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hurry0422/article/details/130717147
版权
文章描述了在使用ElementPlus框架时，Search图标未正常显示的状况，并提供了解决方案，即通过运行`npminstall@element-plus/icons-vue`来安装缺失的图标库，从而修复问题。
摘要由CSDN通过智能技术生成

  1. :prefix-icon="Search"不显示图标

本来的样子  

 出问题的样子

 解决办法

在终端 npm install @element-plus/icons-vue

 结果

 

 

hurry0422
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue3项目使用Element Plus icon库：统一导入、全局注册组件
m0_60120359的博客
12-23 3万+
vue3项目使用Element Plus icon库：统一导入、全局注册组件 尝试使用Element Plus提供的icon，记录一下在安装和使用中遇到的问题 前排注意，从1.2.0-beta.1版本开始不再包含Font Icon 下载 npm install @element-plus/icons-vue 如果下载较慢可以使用淘宝镜像 npm install @element-plus/icons-vue --registry https://registry.npm.taobao.org 注册组件
关于Vue3.0引入Element-plus报错
源辰_付鹏程
08-15 1万+
应该是版本问题，用vue-cli新建vue3.0的项目没问题，然后引入Element-plus则项目直接报错，是版本不兼容，如果要用的话，建议不要使用npm安装Element-plus了，可以使用 vue add element-plus 详情参考我的：https://blog.csdn.net/u011724770/article/details/113996287?spm=1001.2014.3001.5501 ...
vue 项目运行过程中出现错误的问题解决
宁波阿成的博客
04-20 688
vue 项目运行过程中出现错误的问题解决 errors and 0 warnings potentially fixable with the--fixoption. 的错误
vue3使用本地icon和动态引入element-plus的icon
九亿宅男的梦的博客
03-03 3052
一.动态引入element-plus的icon 1.安装： npm install @element-plus/icons-vue 2. 引入mian.ts import * as ElIcons from '@element-plus/icons-vue' // 全局注册element-plus icon图标组件 Object.keys(ElIcons).forEach((key) => {//循环遍历组件名称 if ("Menu" !== key) {//如果不是图标组件不是
element-plusicons vue3 统一导入及注册全局el-icon组件 element-plus 2.1.4
愤怒的阿木木的博客
03-24 1698
安装详细请查看element-plus官方文档 注意：当前图标只适用于vue3。 全局注册： import { createApp } from 'vue' import App from './App.vue' //全局注册element-plus import ElementPlus from 'element-plus'; import "element-plus/theme-chalk/index.css"; //统一导入及注册全局el-icon组件 import * as icons from '
基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统
最新发布
06-14
基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统 项目经过严格测试，确保可以运行！ 基于 Spring Boot 和 Vue 以及相关技术栈开发。 前台商城系统包含首页门户、商品分类、新品上线、...
基于 vue3 + vite + element plus + avue3 + vue-router + vuex，适配手机、平
06-08
Element Plus是Element UI的升级版，适用于Vue3，提供了丰富的UI组件，用于构建企业级后台管理系统。 Avue3则是基于Vue3的后台管理框架，集成了Element Plus和一些自定义组件，旨在简化开发流程，提供一套完整的...
Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端）.zip
05-02
Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端），使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 Vue3.0+TypeScript+...
vue3.0+vue-router+element-plus初实践
01-22
Vue3中文文档 ...安装@vue/cli npm install @vue/cli -g 或 yarn global add @vue/cli 创建项目 vue create 项目名 可以选择Vue3的配置进行项目初始化 初始化完成后，安装vue-router，目前安装的版本是
详解vue-cli+element-ui树形表格(多级表格折腾小计)
10-17
在本文档中，详细介绍了如何利用vue-cli结合element-ui框架构建一个树形表格（也就是多级表格）。在许多项目开发中，特别是在处理有层级关系的数据时，我们需要以树形结构来展示信息，以便用户能以直观的方式浏览和...
vue-cli vite -- vue3-elementPlus 大合集
u014105655的博客
11-08 1122
vue3-elementPlus 大合集
vue-cli3.x 安装 element-plus、axios、qs、mockjs
ZeroKoop
03-23 1036
文章目录vue-cli3.xelement-ui 、axios、qs、mockjs 安装引用插件axios 前后置拦截处理 vue-cli3.x element-ui 、axios、qs、mockjs 安装 安装 npm install element-plus --save npm install axios vue-axios --save cnpm install qs --save cnpm install mockjs --save-dev 引用插件 main中引用 import {cre
yarn学习
xun__xing的博客
08-20 4088
yarn学习一、yarn命令二、yarn 的特别礼物 一、yarn命令 初始化 初始化：yarn init [--yes/-y] 与npm init同理 安装 添加指定包：yarn [global] add package-name [--dev/-D] [--exact/-E] 安装package.json中的所有依赖：yarn install [--production/--prod] 脚本和本地CLI 运行脚本：yarn run 脚本名 与npm run同理 start、stop、tes
npm install遇到的问题总结
木欣欣以向荣
11-16 3248
npm install 之后出现让你 run npm audit fix to fix them, or npm audit for details 你可以： 1. npm audit fix 2. npm audit fix --force 3. npm audit 按照顺序一一运行 如果还不行就 删除node_modules和package-lock.json 执行这句清理缓存 npm cache clean --force 再执行 npm install ...
浅谈——typescript与JavaScript的区别
热门推荐
weixin_41962385的博客
04-12 1万+
TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言。 JavaScript 是轻量级的解释性脚本语言，可嵌入到 HTML 页面中，在浏览器端执行。而TypeScript 是JavaScript 的超集，即包含JavaScript 的所有元素，能运行JavaScript 的代码，并扩展了JavaScript 的语法。相比于JavaScript ，它还增加了静态类型...
npm install运行卡住不动
u010241631的博客
09-29 1万+
在终端输入：npm config set registry http://registry.cnpmjs.org
解决Vue Cli安装Element-plus后启动失败的问题
程序员青戈
10-19 1万+
Element-Plus官网解决方案
2021-09-16 npm install @vuecli 卡在了 reifyrxjs timing reifyNode node_modules@vueclinode_modules
m0_54850952的博客
03-03 4138
npm install @vue/cli 卡在了 reify:rxjs: timing reifyNode: node_modules/@vue/cli/node_modules/.... 随后产生报错 查了一堆东西，后来发现其主要原因在于npm镜像源的问题。安装完nodejs之后默认镜像源为 淘宝镜像源 使用npm命令或者nrm命令切换镜像源至npm官方镜像源即可 注：本人长期科学上网因此npm官方源速度和淘宝基本没差，如果没有科学上网手段的朋友可能需要另想办法。 再注：淘宝镜像源出问题的原因尚未查明，
微信小程序中vant/weapp安装，初始化，及使用
gonewithwind00的专栏
09-10 1530
Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。 Vant Weapp官网：https://youzan.github.io/vant-weapp 安装步骤： 1、需要使用 npm 安装Vant Weapp，npm 集成在 Node.js 中的，安装参见文章：安装 Node.js 使用 npm 2、在微信开发者工具中，右键项目中的miniprogram目录，选择在终端中打开，运行npm init
vue3+Vue cli+element-plus
05-14
使用 Vue CLI 创建一个 Vue 3 项目，然后安装 Element Plus： ```bash # 创建 Vue 3 项目 vue create my-project # 安装 Element Plus npm install element-plus --save ``` 在项目中使用 Element Plus 的组件，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值