溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

TypeScript中引用資源文件后提示找不到怎么辦

發(fā)布時(shí)間：2020-07-16 15:49:29 來(lái)源：億速云 閱讀：621 作者：小豬 欄目：開發(fā)技術(shù)

這篇文章主要為大家展示了TypeScript中引用資源文件后提示找不到怎么辦，內(nèi)容簡(jiǎn)而易懂，下面讓小編帶大家一起學(xué)習(xí)一下吧。

在tsx中引用圖片，在文件文本編輯器中提示錯(cuò)誤引用：

TypeScript中引用資源文件后提示找不到怎么辦

typescript無(wú)法識(shí)別非代碼文件(js是可以的)。如果需要在ts中識(shí)別此文件資源，可以先聲明文件類型。

新建一個(gè)ts文件，比如global.d.ts（.d.ts是typescript declaration file的簡(jiǎn)稱），并放在主要代碼文件夾下。

TypeScript中引用資源文件后提示找不到怎么辦

在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中引用資源文件后提示找不到怎么辦的內(nèi)容，如果你們有學(xué)習(xí)到知識(shí)或者技能，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手