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

Question

我正在使用 Gatsby starter 来自定义网站。

我使用的启动器是这样的： 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 认为这些导入没有类型定义。

\n

\n

1. declarations.d.ts在您的文件夹中创建一个src。IE：src/declarations.d.ts。

   \n
\n

2. 为您尝试导入的图像格式添加声明。前任：

   \n
\n

\n

declare module \'*.jpg\' {\n  export default `` as string;\n}\n\ndeclare module \'*.png\' {\n  export default `` as string;\n}\n

\n

\n
3. 重新加载您的文件 aaaa 并 voil\xc3\xa0，您应该可以正常工作了。
\n

\n