在Gatsby配置中导入图像失败

Question

我有一个带有Gatbsy的应用，我想在其中加载一系列图像以分配给siteMetaData

我做了以下gatsby-config.ts

import projects from "./src/data/projects";

module.exports = {
  siteMetadata: {
    projects
  },
  plugins: [
    //...
  ]

我的project.ts基本上是

import * as Image from "./images";

export default [
    {
        title: Image.myImage
    }

and images.ts只是导出一系列图像：

import myImagefrom from "./src/images/projects/image.jpg";
export const myImage;

但是在编译时出现错误

找不到模块'./src/images/projects/image.jpg'。

但是，如果我单击（跟随链接），我会在可视代码中看到我的图像...

所以我没有弄错我在做什么，我尝试了很多不同的方法，但是却无法完成这项工作。