Javascript 未从GatsbyJS中的标记文件体加载内联图像

我正在尝试使用盖茨比备注图像在我的标记文件中使用内联图像。不幸的是，映像无法加载到我的本地主机上。我不知道这是简单的语法错误还是我遗漏了一些重大的东西

以下是：（我怀疑我在什么地方做错了什么，就在这里。）

module.exports={
站点元数据：{
标题：``，
description:`写代码的博客`，
作者：`@wesley`，
},
插件：[
`盖茨比`，
`盖茨比插件式组件`，
`盖茨比`，
`盖茨比插件捕获链接`，
{
解析：`gatsby源文件系统`，
选项：{
路径：`${uu dirname}/src/images`，
},
},
{
解析：`gatsby源文件系统`，
选项：{
路径：`${uu dirname}/src/pages`，
},
},
`盖茨比变压器，
`盖茨比，
{
决议：`盖茨比变压器备注'，
选项：{
插件：[
{
决议：`盖茨比评论图像'，
选项：{
//指定的最大宽度（以像素为单位）很重要
//作为此插件的内容容器使用此作为
//用于生成每个图像的不同宽度的基础。
最大宽度：1200，
},
},
],
},
},
`盖茨比变压器评论`，
{
解析：`gatsby插件清单`，
选项：{
名称：`gatsby starter default`，
短名称：`starter`，
起始url:`/`，
背景颜色：“663399”，
主题颜色：“663399”，
显示：`minimal ui`，
图标：`src/images/mt.png`，//此路径相对于站点的根目录。
},
},
//此（可选）插件支持渐进式Web App+脱机功能
//要了解更多信息，请访问：https://gatsby.dev/offline
//“盖茨比插件离线”，
],
};

我一次又一次地仔细研究有关盖茨比的拙劣文件。我很困惑。有人知道发生了什么事吗？我能够让特色图片发挥作用，但这不是我想要的

package.json:

降价文件中的路径是正确的（我相信）：

我得到的截图：

---

我认为如果你从盖茨比配置中删除以下内容，它就会起作用

盖茨比配置使用该行，而不是先前定义的配置。这就是为什么没有使用

gatsby评论图像
插件的原因

标记文件中的相对路径与
。/../images/train.png
正确

从配置中提取行：

module.exports={
插件：[
//…其他插件
{
决议：`盖茨比变压器备注'，
选项：{
插件：[
{
决议：`盖茨比评论图像'，
选项：{
//指定的最大宽度（以像素为单位）很重要
//作为此插件的内容容器使用此作为
//用于生成每个图像的不同宽度的基础。
最大宽度：1200，
},
},
],
},
},
//`gatsby transformer remark`，//删除此项，因为它将覆盖以前的配置
]
};

加载图像的屏幕截图：
欢迎来到SO。如果可能，请复制/粘贴文本，而不是使用屏幕截图。1-更好的可访问性2-更简单的SEOwow，完全解决了我的问题，谢谢！我最近添加了对嵌入式youtube视频的支持，但没有意识到我现在添加了第二条
gatsby transformer评论
，我知道这不是评论的最佳用途，但这个答案让我免于数小时的困惑调查。非常感谢。