下載element-ui 資源,圖標 element-icons.woff,element-icons.ttf 無法解碼文件字體

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>

然后重新構建項目!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/718448.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/718448.shtml
英文地址,請注明出處:http://en.pswp.cn/news/718448.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

《TCP/IP詳解 卷一》第10章 UDP 和 IP 分片

目錄 10.1 引言 10.2 UDP 頭部 10.3 UDP校驗和 10.4 例子 10.5 UDP 和 IPv6 10.6 UDP-Lite 10.7 IP分片 10.7.1 例子&#xff1a;IPV4 UDP分片 10.7.2 重組超時 10.8 采用UDP的路徑MTU發現 10.9 IP分片和ARP/ND之間的交互 10.10 最大UDP數據報長度 10.11 UDP服務器…

【java、微服務、nacos】nacos學習筆記

Nacos服務分級存儲模型 ① 一級是服務&#xff0c;例如userservice ②二級是集群&#xff0c;例如杭州或上海 ③ 三級是實例&#xff0c;例如杭州機房的某臺部署了userservice的服務器 配置實例集群屬性 改變服務的yml文件 spring:cloud:nacos:discovery:cluster-name: H…

Docker將本地的鏡像上傳到私有倉庫

使用register鏡像創建私有倉庫 [rootopenEuler-node1 ~]# docker run --restartalways -d -p 5000:5000 -v /opt/data/regostry:/var/lib/registry registry:2[rootopenEuler-node1 ~]# docker images REPOSITORY TAG IMAGE…

Day 60 | 動態規劃 647. 回文子串 、 516.最長回文子序列 、動態規劃總結篇

647. 回文子串 題目 文章講解 視頻講解 class Solution {public int countSubstrings(String s) {char[] chars s.toCharArray();int len chars.length;boolean[][] dp new boolean[len][len];int result 0;for (int i len - 1; i > 0; i--) {for (int j i; j < l…

基于React低代碼平臺開發:構建高效、靈活的應用新范式

文章目錄 一、React與低代碼平臺的結合優勢二、基于React的低代碼平臺開發挑戰三、基于React的低代碼平臺開發實踐四、未來展望《低代碼平臺開發實踐&#xff1a;基于React》編輯推薦內容簡介作者簡介目錄前言為什么要寫這本書 讀者對象如何閱讀本書 隨著數字化轉型的深入&…

library cache lock/pin

【故障現象】 某些session執行操作被堵塞&#xff0c;檢查event發現’library cache lock/pin’等待&#xff1b; 【可能故障原因】 library cache lock/pin發生在多個session對相同library cache對象進行爭用發生&#xff0c;一般來說在存儲過程編譯過程中發生并堵塞編譯。 …

SOA與微服務的區別

SOA&#xff08;面向服務的架構&#xff09;和微服務是兩種不同的架構風格&#xff0c;它們有一些相似之處&#xff0c;但也存在一些區別。 1. 規模和粒度&#xff1a;SOA是一種面向企業級應用的架構風格&#xff0c;它關注的是將整個企業的功能劃分為一組自治的服務。這些服務…

內核中的Kconfig文件

Kconfig解析 編譯內核時用于配置的Kconfig文件 以內核中的ttyprintk.c為例&#xff0c;其位于/kernel-sources/dirver/char/ttyprintk.c 如何將其編譯進內核&#xff1f; 在char目錄下有Kconfig文件&#xff0c;其中有如下內容 tristate 表示該模塊可以選擇 Y N M(以.ko形…

華為od機試C卷-最長表達式求值

1 題目描述 提取字符串中的最長合法簡單數學表達式子串&#xff0c;字符串長度最長的&#xff0c;并計算表達式的值&#xff0c;如果沒有返回0。簡單數學表達式只能包含以下內容0-9 數字&#xff0c;符號* 說明: 1.所有數字&#xff0c;計算結果都不超過 long 2.如果有多個長…

遞歸實現n的k次方(C語言)

編寫一個函數實現n的k次方&#xff0c;使用遞歸實現。 下面來說一下思路 5的3次方&#xff1a;就是5*(5的3-1次方) 7的4次方&#xff1a;就是7*&#xff08;7的4-1次方&#xff09; 以此類推 n的k次方就是&#xff1a;n* n的&#xff08;k-1&#xff09;次方 int Func(int n,…

HOOPS Communicator對3D大模型輕量化加載與渲染的4種解決方案

今天給大家介紹一些關于3D Web輕量化引擎HOOPS Commuicator的關鍵概念&#xff0c;這些概念可以幫您在HOOPS Communicator流緩存服務器之上更好地構建您自己的模型流服務器。如果您是有大型數據集&#xff0c;那么&#xff0c;使用流緩存服務器可以極大地幫助您最大限度地減少內…

Unity-PDF分割器(iTextSharp)

PDF分割器 Unity-PDF分割器前言核心思路解決過程一、Unity安裝iTextSharp二、運行時計算將要生成文件的大小三、分割核心代碼四、使用StandaloneFileBrowser五、其他的一些腳本六、游戲界面主體的構建MainWindowWarningPanel & FinishPanel By-Round Moon Unity-PDF分割器 …

VMware虛擬機安裝詳細指南

在多任務和多環境開發的需求日益增長的當下&#xff0c;虛擬機技術憑借其靈活性和高效性成為了IT行業的一大利器。VMware作為虛擬化技術的領軍者&#xff0c;其提供的VMware Workstation Pro軟件允許用戶在一臺物理機上運行多個獨立的虛擬機&#xff0c;每個虛擬機都可以擁有自…

基于主從模式的Reactor的仿muduo網絡庫

&#x1f307;個人主頁&#xff1a;平凡的小蘇 &#x1f4da;學習格言&#xff1a;命運給你一個低的起點&#xff0c;是想看你精彩的翻盤&#xff0c;而不是讓你自甘墮落&#xff0c;腳下的路雖然難走&#xff0c;但我還能走&#xff0c;比起向陽而生&#xff0c;我更想嘗試逆風…

【.NET Core】.NET中的流(Stream)

【.NET Core】.NET中的流&#xff08;Stream&#xff09; 文章目錄 【.NET Core】.NET中的流&#xff08;Stream&#xff09;一、流&#xff08;Stream&#xff09;1.1 FileStream類1.2 IsolatedStorageFileStream類1.3 MemoryStream類1.4 BufferedStream類1.5 NetworkStream類…

谷歌瀏覽器打開,圖片糊了

現象&#xff08;問題&#xff09;&#xff1a;早上開機&#xff0c;打開谷歌瀏覽器發現里面的所有圖片相關的都糊了&#xff0c;離譜&#xff01; 查閱一番資料后發現&#xff1a; 谷歌瀏覽器的硬件加速模式被打開了 解決&#xff1a; 打開谷歌瀏覽器->設置->系統->…

【C++從練氣到飛升】01---C++入門

&#x1f388;個人主頁&#xff1a;庫庫的里昂 ?收錄專欄&#xff1a;C從練氣到飛升 &#x1f389;鳥欲高飛先振翅&#xff0c;人求上進先讀書。 目錄 推薦 前言 什么是C C的發展史 &#x1f4cb;命名空間 命名空間定義 命名空間使用 命名空間的嵌套 std命名空間的使用 &#…

編譯 qsqlmysql.dll QMYSQL driver not loaded

Qt 連接MySQL數據庫&#xff0c;沒有匹配的qsqlmysql.dll, 需要我們跟進自己Mysql 以及QT版本自行編譯的。異常如下圖&#xff1a; 安裝環境為 VS2019 Qt5.12.12&#xff08;msvc2017_64、以及源碼&#xff09; 我的安裝地址&#xff1a;D:\Qt\Qt5.12.12 Mysql 8.1.0 默認安…

Java 定時器

Java 定時器 package com.su.test.threadtest; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Date; import java.util.Timer; import java.util.TimerTask; /** 在這里插入代碼片使用定時器指定定時任務。timer&#xff1a;計時器…

2023年下半年教師資格證考試《教育知識與能力》(中學)題

3.李老師在初二選擇了人數、性別比例、學習成績、教材各方面情況相同的兩個班進行教學&#xff0c;對其中一班采用講授法&#xff0c;對另一個班采用自學輔導法&#xff0c;經過一個階段的教學后進行測驗&#xff0c;以比較兩種方法教學效果&#xff0c;李老師采用的方法屬于&a…