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

问题原因:Maven 构建过程中,默认会对资源文件过滤处理,有些文件内容或字体被 Maven 处理之后不能正常解析。配置无需处理文件扩展即可解决。

资源下载:

​css: https://unpkg.com/element-ui@2.15.14/lib/theme-chalk/index.css
js: https://unpkg.com/element-ui@2.15.14/lib/index.js
element-icons.woff: https://unpkg.com/element-ui@2.15.14/lib/theme-chalk/fonts/element-icons.woff
element-icons.ttf: https://unpkg.com/element-ui@2.15.14/lib/theme-chalk/fonts/element-icons.ttf

解决方法:
1.在 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>

2.测试

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐