TypeScript 引用資源文件后提示找不到的異常處理技巧
更新時(shí)間：2020年07月15日 15:21:48 作者：唐宋元明清2188
這篇文章主要介紹了TypeScript 引用資源文件后提示找不到的異常處理,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
在tsx中引用圖片，在文件文本編輯器中提示錯(cuò)誤引用：
typescript無(wú)法識(shí)別非代碼文件(js是可以的)。如果需要在ts中識(shí)別此文件資源，可以先聲明文件類型。
新建一個(gè)ts文件，比如global.d.ts（.d.ts是typescript declaration file的簡(jiǎn)稱），并放在主要代碼文件夾下。
在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;
}
也可以簡(jiǎn)略為declaremodule'*.png'；
項(xiàng)目編譯時(shí)，會(huì)自動(dòng)讀取文件內(nèi)容。然后就能識(shí)別資源文件了
到此這篇關(guān)于TypeScript 引用資源文件后提示找不到的異常處理的文章就介紹到這了,更多相關(guān)TypeScript 引用資源文件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
整理Javascript基礎(chǔ)入門學(xué)習(xí)筆記
整理Javascript基礎(chǔ)入門學(xué)習(xí)筆記，之前一系列的文章是跟我學(xué)習(xí)Javascript，本文就是進(jìn)一步學(xué)習(xí)javascript，希望大家繼續(xù)關(guān)注2015-11-11
這篇文章主要介紹了JavaScript中的閉包介紹,本文講解了Javacript 閉包、Javscript 閉包與this、Javscript 閉包與讀寫變量等內(nèi)容,需要的朋友可以參考下2015-03-03
一文快速弄懂webpack動(dòng)態(tài)import原理
無(wú)論你開發(fā)使用的是CommonJS規(guī)范還是ES6模塊規(guī)范,打包后的文件都統(tǒng)一使用webpack自定義的模塊規(guī)范來(lái)管理、加載模塊,下面這篇文章主要給大家介紹了關(guān)于webpack動(dòng)態(tài)import原理的相關(guān)資料,需要的朋友可以參考下2022-04-04
typescript 將數(shù)組清空的方法實(shí)現(xiàn)
在開發(fā)應(yīng)用程序時(shí),數(shù)組常用于存儲(chǔ)多個(gè)元素（如數(shù)字、字符串、對(duì)象等）,然而,在某些場(chǎng)景下,你可能需要將數(shù)組清空,本文主要介紹了typescript 將數(shù)組清空的方法實(shí)現(xiàn),感興趣的可以了解一下2024-08-08
Javascript基礎(chǔ)之?dāng)?shù)組的使用
這篇文章主要介紹了Javascript基礎(chǔ)之?dāng)?shù)組的使用的相關(guān)資料，介紹的非常詳解，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要介紹了js焦點(diǎn)文字滾動(dòng)效果，功能實(shí)現(xiàn)非常簡(jiǎn)單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
原生Javascript封裝的一個(gè)AJAX函數(shù)分享
這篇文章主要介紹了原生Javascript封裝的一個(gè)AJAX函數(shù)分享,本文是實(shí)際項(xiàng)目中提取出來(lái)的,簡(jiǎn)單易用,需要的朋友可以參考下2014-10-10
JavaScript中Require調(diào)用js的實(shí)例分享
下面小編就為大家?guī)?lái)一篇JavaScript中Require調(diào)用js的實(shí)例分享。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-10-10
js獲取select默認(rèn)選中的Option并不是當(dāng)前選中值
這篇文章主要介紹了js如何獲取select默認(rèn)選中的Option并不是當(dāng)前選中的值,需要的朋友可以參考下2014-05-05
基于JavaScript實(shí)現(xiàn)帶數(shù)據(jù)驗(yàn)證和復(fù)選框的表單提交
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)帶數(shù)據(jù)驗(yàn)證和復(fù)選框的表單提交功能,需要的朋友可以參考下2017-08-08