100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > VUE Element-ui 图标加载失败问题 Failed to decode downloaded font : woff ttf

VUE Element-ui 图标加载失败问题 Failed to decode downloaded font : woff ttf

时间:2021-02-15 23:00:31

相关推荐

VUE Element-ui 图标加载失败问题 Failed to decode downloaded font : woff ttf

最近重新搭建一个vue+element-ui的项目,使用的时候出现这么个问题,element的样式引用正常,但是图标显示是一个小方块 报错信息如下:

在网上找了很多解决办法,普遍方法都是修改assetsPublicPath等等,我们首先看下:

## 1.路径问题,设置assetsPublicPath

vue-cli项目中 config文件下的index.js assetsPublicPath属性 默认为 ‘/’

修改为 assetsPublicPath:’./’ 修改后配置如下

## 2.style-loader问题

修改build文件下 utils.js 文件 publicPath,修改后配置如下:

**

3 最终方法

**

一般博客中通用的解决办法就是前面两种,一般同学的问题就解决了,我的问题可能复杂一些,这样设置后并没有效果,最后尝试了一下新方法,意外成功,无法下载woff和ttf文件,可能是因为vue的webpack规则问题,

修改build文件下的webpack.base/conf.js文件 找到如下内容并修改

原配置

修改后

意外成功!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。