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