vue + webpack + emelent-ui打包后element的小图标不显示2019-08-07

今天在写一写自己的小东西的时候,vue-cli+element-ui 项目跑起来的时候,icon 图片显示不出来,莫名其妙的报警告:Failed to decode downloaded font: OTS parsing error: invalid version tag

先上图片一:


vue + webpack + emelent-ui打包后element的小图标不显示2019-08-07_第1张图片


警告特写:


vue + webpack + emelent-ui打包后element的小图标不显示2019-08-07_第2张图片

排除文件损坏以及打包等问题因素,修改了很多配置~一直摸不着头脑。最后在webpack.base.conf.js中发现一个问题:


vue + webpack + emelent-ui打包后element的小图标不显示2019-08-07_第3张图片

这里的配置有重复,同时发现加载的路径方式有问题,很明显的找到问题了

直接删除重复配置


vue + webpack + emelent-ui打包后element的小图标不显示2019-08-07_第4张图片

重新npm run dev 解决了问题。

最后分析一下问题出现的原因,那就是在开始跑项目的时候,发现关于scss,less文件报错。在安装sass-loader 和vue-style-loader的时候,没注意重复安装了css-loader,导致的问题。

你可能感兴趣的:(vue + webpack + emelent-ui打包后element的小图标不显示2019-08-07)