找不到模塊 '../../images/Logo.png'.ts(2307) 紅色錯誤仍在顯示

Question

我正在使用 Gatsby 啟動器來自定義網站。

我使用的啟動器是這樣的： https://github.com/fabien0102/gatsby-starter

為什么會出現以下錯誤：

Cannot find module '../../images/Logo.png'.ts(2307)

繼續展示？

一切似乎都在 localhost 中成功加載了logo.png文件，但路徑../../images/logo.png仍然帶有紅色下划線（這會阻止成功上傳到 Netlify）。

HeaderMenu.tsx文件如下所示：

我仍在學習，您的幫助將不勝感激。

Answer 1

這主要是因為 typescript 認為這些導入沒有類型定義。

1. 在您的src文件夾中創建一個declarations.d.ts 。 即： src/declarations.d.ts 。

2. 為您嘗試導入的任何圖像格式添加聲明。 前任：

declare module '*.jpg' {
  export default `` as string;
}

declare module '*.png' {
  export default `` as string;
}

3. 重新加載你的文件 aaaa 和瞧，你應該在做生意。