下载element-ui 资源,图标 element-icons.woff,element-icons.ttf 无法解码文件字体

css下载地址: https://unpkg.com/[email protected]/lib/theme-chalk/index.css

js下载地址: https://unpkg.com/[email protected]/lib/index.js

图标及文字文件下载地址:

element-icons.woff::

​ https://unpkg.com/[email protected]/lib/theme-chalk/fonts/element-icons.woff ​

element-icons.ttf:

https://unpkg.com/[email protected]/lib/theme-chalk/fonts/element-icons.ttf

访问项目发现icon图标无法现在!

浏览器控制台报错:

Failed to decode downloaded font: http://localhost:8080/demo/css/ui/element/fonts/element-icons.woff

报错原因:Maven构建过程中,默认会对资源文件过滤处理,有些文件内容或字体被Maven处理之后不能正常解析。

解决方式:

在pom.xml文件中添加 maven-resources-plugin 插件

复制代码
<plugin>
    <groupId>org.apache.maven.plugins</groupId>
    <artifactId>maven-resources-plugin</artifactId>
    <version>2.6</version>
    <configuration>
        <nonFilteredFileExtensions>
            <nonFilteredFileExtension>ico</nonFilteredFileExtension>
            <nonFilteredFileExtension>otf</nonFilteredFileExtension>
            <nonFilteredFileExtension>woff</nonFilteredFileExtension>
            <nonFilteredFileExtension>woff2</nonFilteredFileExtension>
            <nonFilteredFileExtension>eot</nonFilteredFileExtension>
            <nonFilteredFileExtension>svg</nonFilteredFileExtension>
            <nonFilteredFileExtension>ttf</nonFilteredFileExtension>
        </nonFilteredFileExtensions>
        <encoding>UTF-8</encoding>
    </configuration>
</plugin>

然后重新构建项目!

相关推荐
xiaogg367812 小时前
系统网站首页三种常见布局vue+elementui
前端·vue.js·elementui
Java永无止境12 小时前
Web后端基础:Maven基础
java·后端·maven
-代号952712 小时前
Maven相关问题:jna版本与ES冲突 + aop失效
elasticsearch·maven·aop·jna
2301_794333911 天前
Maven 概述、安装、配置、仓库、私服详解
java·开发语言·jvm·开源·maven
越来越无动于衷1 天前
maven私服
java·maven
橘子编程1 天前
Maven从入门到精通指南
java·maven
BAStriver1 天前
PKIX path building failed问题小结
java·maven
xiaogg36782 天前
vue+elementui 网站首页顶部菜单上下布局
javascript·vue.js·elementui
大力水手偷吃菠菜变成米老鼠3 天前
maven 1.0.0&&idea的使用说明
maven
酷爱码3 天前
IDEA 中 Maven Dependencies 出现红色波浪线的原因及解决方法
java·maven·intellij-idea