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
訪問項目發現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>
然后重新構建項目!