Muse UI遇到的坑

2022-08-05 18:51:12 字數 1190 閱讀 3878

寫在前面:我只是乙個前端小白,文章中的提到可能會有不足之處,僅提供乙個參考。若有不完善的地方,歡迎各位大佬指出,希望對你有幫助!

故事背景是這樣的,最近做乙個vue專案,使用到 muse ui 元件庫。剛開始時想著能用 material design 設計規範是一件非常開心的事情,然後事情並不會一直美好下去。。。

問題來了:

圖一 系統首頁

圖二 歷史行程

對於這個 bug,大概困擾了我乙個多月。一度很無奈解決不了,甚至想過放棄使用 muse ui。直到今天才發現問題所在,然後就解決了。
按照官方文件的方法引入(最後就在這裡解決的,就是乙個退格鍵的事):

// index.html

這個 bug 是在控制台偶然 warning:resource interpreted as stylesheet but transferred with mime type text/html: "url(這個url是關於 material icon 的路徑)",才意識到 url 錯了。

首頁歷史行程

(1)仔細對比路徑之後發現了問題,首頁的 requset url 是正確的,而歷史行程頁面是錯誤的。然後就鎖定到index.html中引入 material icon 的標籤。

(2)跟官方文件對比後,好像沒發現有錯。由於index.htmlstatic資料夾是同級目錄下的,所以href="./static/fonts/material-icons/material-icons.css"按道理應該是沒錯的,官方文件也這麼寫,但實際上確實出錯了。

於是乎......我把路徑改成專案根目錄,然後就行了,如下。

// index.html

在本地確定沒問題後,再打包專案放到雲伺服器上,看看能否讀取到靜態資源,發現也正常。

回想整個過程,最主要是因為沒發現在不同頁面下的 request url 不一致,且其中乙個是不正確的。發現了這個問題,事情就好辦了。當然還有個問題沒明白:為什麼會不行(乙個前端小白的疑問?),遲點再上 github 向大佬提個 issue 找找原因,到時在更新一下文章。

joda time遇到的坑

system.out.println datetime.parse 2015092408 datetimeformat.forpattern yyyymmddhh getmillis system.out.println datetime.parse 2015092408 datetime form...

Spring Websocket 遇到的坑

1 跨域問題 經查閱官方文件springwebsocket 4.1.5版本前預設支援跨域訪問,之後的版本預設不支援跨域,需要設定 setallowedorigins override public void registerwebsockethandlers websockethandlerregi...

打包遇到的坑

android studio 錯誤 com.android.dex.dexindexoverflowexception method id not in 0,0xffff 65536 gradle中引用的包太多 android dex最大索引範圍為65536個方法 一旦超過酒會報這種錯誤 那麼此時就...