javascript - 找不到模块 '../../images/Logo.png' .ts(2307) 红色错误仍然显示

Question

我正在使用 Gatsby 启动器来自定义网站。

我正在使用的启动器是这样的:
https://github.com/fabien0102/gatsby-starter

为什么会出现以下错误:

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

继续展示？

一切似乎都已成功加载 logo.png本地主机中的文件，但路径 ../../images/logo.png仍然是红色下划线(这会阻止成功上传到 Netlify)。

这是 HeaderMenu.tsx文件看起来像:



我仍在学习，您的帮助将不胜感激。

Answer 1

这主要是因为 typescript 认为这些导入没有类型定义。

创建 declarations.d.ts在您的 src文件夹。即:src/declarations.d.ts .

为您尝试导入的任何图像格式添加声明。前任:

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

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

重新加载你的文件 aaaa 和瞧，你应该在做生意。