TypeScript 引用資源文件后提示找不到的異常處理技巧
在tsx中引用圖片,在文件文本編輯器中提示錯誤引用:

typescript無法識別非代碼文件(js是可以的)。如果需要在ts中識別此文件資源,可以先聲明文件類型。
新建一個ts文件,比如global.d.ts(.d.ts是typescript declaration file的簡稱),并放在主要代碼文件夾下。

在ts文件中,添加各種文件類型的聲明,比如:
declare module '*.svg' {
interface Svg {
content: string;
id: string;
viewBox: string;
node: any;
}
const svg: Svg;
export default svg;
}
declare module '*.png' {
const png: string;
export default png;
}
declare module '*.mp3' {
const mp3: string;
export default mp3;
}
declare module '*.gif' {
const png: string;
export default png;
}
也可以簡略為declaremodule'*.png';
項目編譯時,會自動讀取文件內(nèi)容。然后就能識別資源文件了
到此這篇關(guān)于TypeScript 引用資源文件后提示找不到的異常處理的文章就介紹到這了,更多相關(guān)TypeScript 引用資源文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
純JavaScript實現(xiàn)HTML5 Canvas六種特效濾鏡示例
實現(xiàn)了六款簡單常見HTML5 Canvas特效濾鏡,并且封裝成一個純JavaScript可調(diào)用的API文件gloomyfishfilter.js,程序源代碼如下,感興趣的朋友可以參考下哈2013-06-06
淺談函數(shù)調(diào)用的不同方式,以及this的指向
下面小編就為大家?guī)硪黄獪\談函數(shù)調(diào)用的不同方式,以及this的指向。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
JavaScript中rxjs與?Observable?兩大類操作符解析
這篇文章主要介紹了JavaScript中rxjs與?Observable?兩大類操作符解析,運算符是對?Observable?進行操作并返回?Observable?的函數(shù),文章圍繞主題展開詳細內(nèi)容,需要的小伙伴可以參考一下2022-07-07
利用Plupload.js解決大文件上傳問題, 帶進度條和背景遮罩層
本篇文章主要介紹了c#+Plupload.js解決大容量文件上傳問題, 帶進度條和背景遮罩層,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-03-03
Object.defineProperty()函數(shù)之屬性描述對象
這篇文章主要介紹了Object.defineProperty()函數(shù)之屬性描述對象,JavaScript?提供了一個內(nèi)部數(shù)據(jù)結(jié)構(gòu),用來描述對象的屬性,控制它的行為,比如該屬性是否可寫、可遍歷等等。這個內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱為:屬性描述對象2022-09-09
[js高手之路]圖解javascript的原型(prototype)對象,原型鏈實例
下面小編就為大家?guī)硪黄猍js高手之路]圖解javascript的原型(prototype)對象,原型鏈實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08

