解决ivew引入的字体图标报错

最新推荐文章于 2025-05-23 14:55:33 发布

Tiramisu_C

最新推荐文章于 2025-05-23 14:55:33 发布

阅读量2.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 前端开发项目问题解决方案文章标签： iview vue 字体图标报错

本文链接：https://blog.youkuaiyun.com/nongweiyilady/article/details/78893176

前端开发项目问题解决方案同时被 2 个专栏收录

31 篇文章

订阅专栏

vue

9 篇文章

订阅专栏

本文介绍如何在Webpack配置文件中调整extract属性以控制样式资源的加载方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将build/webpack.prod.conf.js 中的

module: {
rules: utils.styleLoaders({
sourceMap: config.build.productionSourceMap,
extract: false,
usePostCSS: true
})
},

中的extract改为false，就可以了，这是我改过后的。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Tiramisu_C

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

iView采用组件按需引入时，部分组件报错问题

zyf1910的博客

03-01

900

最近在项目中使用iView组件按需引入时，部分组件引入后会报错，官方文档在按需引入时也没有说明，现在将解决方式记录下来，希望对遇到同样问题的童鞋有帮助。问题：通过报错信息可以看到，是 ‘node_modules/_view-design@4.5.0@view-design/src/directives/v-click-outside-x.js’ 这个文件解析失败，需要使用加载器来处理，所以我们就知道应该怎样解决了。解决方式：在webpack配置一下，使用babel-loader来处理： ...

iview Table列表中增加字体图标

达拉崩巴斑得贝迪卜多比鲁翁_

02-22

482

iview Table列表中增加字体图标一： { 'title': this.$t('设备别名'), 'key': 'actStatus', render: (h, params) => { return h('div', [ h('Icon', { props: { type: 'ios-create-outline'

1 条评论您还未登录，请先登录后发表或查看评论

微前端qiankun使用问题汇总

hbmern的博客

06-14

1143

使用qiankun微前端库的时候，加载的子应用使用了iconfont图标，子应用在独立运行时，字体图标可以正常显示，而在被父应用加载时，字体图标显示不出来。

html 引入新字体

最新发布

sinat_20983055的博客

05-23

288

如果iconfont那种方式不可以，按照shangshouwang的格式引入；src后边为字体本地路径。

解决微前端qiankun中子应用打包后主应用访问不到其icon图标的问题

duansamve的博客

06-06

4091

子应用用的UI框架是element，打包后接入基座，子应用里面的icon图标全部是小方块

iView的使用

chy-x 的博客

08-28

5623

目录在vue-cli中使用iview常见问题\报警告类型检查失败属性值中引用的变量没有被解析this的指向问题使用v-for渲染下拉列表时报警告事件监听不生效颜色选择器显示为向下箭头关于iview提供的事件监听 iview是一个基于vue的UI框架，主要用于编写后台、PC端页面。在vue-cli中使用iview 1、安装iview npm install iview --save 不要用iview官网给出的npm install命令，那个命令容易出问题 2、在m

vue2按需引入iviewui的部分组件报错error in ./node_modules/view-design/src/directives/v-click-outside-x.js

lifachang的博客

02-05

1031

今天使用vue按需引入iviewui的Select、Table、Page等组件，控制栏报错error in ./node_modules/view-design/src/directives/v-click-outside-x.js。排查各种原因后解决方法如下：第一步：babel按照iviewui官方的按需引入来配置 transform-vue-jsx和transform-runtime是vuecli自动创建的，第3个是iviewui官方引入配置 "plugins": [ "transform-v

iview树添加图标

10-31

iview树添加图标

使用ivew-ui-plus 的Submit组件踩坑 injection “LoginInstance“ not found 记录问题原因分析与解决方案

Sherry Tian的博客

11-15

563

使用ivew-ui-plus 的Submit组件踩坑 injection "LoginInstance" not found 记录问题原因分析与解决方案

iview 例子_ivew_iview例子_iview分类_vue_

09-30

【标题】"iview 例子" 是一个基于 Vue.js 框架并使用 iView 组件库构建的应用实例。这个项目旨在提供一个基础的、预配置的开发环境，方便开发者快速搭建并开始进行 web 应用的开发工作，特别是那些需要权限管理和...

vue引入iconfont阿里字体图标库报错和解决

weixin_47553901的博客

07-14

1805

解决：在引入的字体iconfont.css中加入绝对路径内容：如图

解决iview菜单使用iconfont图标无法显示的问题

lvdou1120101985的博客

09-28

2万+

写在前面：首先，我出现问题的场景是使用在导航菜单上，即 Menu Item；其次，我是使用json文件递归生成的菜单列表，在meta属性中设置的icon；今天在使用iconfont的图标作为菜单的图标时发现总是显示成方框框使用方法和设置Button的图标是一样的，检查了好久也没有发现问题，百思不得其解…… 使用F12检查元素，发现原来框架是在样式前面加上了 iv...

vue 项目引入字体图标报错、不显示等问题

mxf_bear的博客

05-30

2万+

问题：在项目开发时使用字体图标，发现两个问题；1、出现报错：解决方法为：把字体引入方式改为绝对路径2、不报错，但是不显示图标字体，出现方框原因可能有两种：①没在用到的地方引入字体的样式文件②你使用的是后缀名为 .styl 文件①的解决办法是在用到的地方引入字体的样式文件（全局引入的话需要从app.vue里引入）②这个就是我遇到的问题，浪费了我好几分钟！！！记得在用到图标的地方引入问题原理后续再写...

vue 项目中ivew按需引入

pro_monkeyking的博客

05-09

2975

Vue组件实战之ivew源码Icon篇

小花的前端博客

02-06

3684

源码 template> i :class="classes" :style="styles">i> template> script> const prefixCls = 'ivu-icon'; export default { name: 'Icon', props: { type: String,

在阿里矢量库下载了字体图标在项目引入无法显示时

qq_35181466的博客

08-31

1405

问题：如果你在阿里矢量库下载了字体图标在项目引入无法显示时，可以把图标转成base64 处理方法：具体操作： 1.打开‘我的项目’ 2.修改unicode为base64 （1）打开项目设置（2）在字体格式选项勾选‘TTF’和‘base64’就可以了 ...

关于vue引入iview打包后。字体文件找不到解决办法

dya110699的博客

01-08

1553

错误样子：解决办法：打开根目录build/utils.js 具体关注这里：在最后加上一句话就可以了 publicPath: '../../', 本文章只做个人记录。指导迷途中的小白。不喜勿喷...

vue中引入字体图标报错，找不到字体文件

whiteGay的博客

10-30

885

在用vue + webpack进行开发的时候，在引用字体图标遇到字体无法加载的问题：报以下错误搞了好久没搞定，最后才找到解决方法（还是没有找到原因）修改字体图标的css中引入字体文件的路径 ...

Bootstrap—解决引入本地Bootstrap文件字体图标无法显示问题