找不到模块 '../../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;
}

1. 重新加载您的文件 aaaa 和瞧，您应该开始营业了。