Javascript 在Gatsby Typescript中使用SVG时出错

在这里，我试图在盖茨比的Typescript页面中使用SVG。 我正在使用这个插件

//gatsby-config.js
{
解析：“盖茨比插件反应svg”，
选项：{
规则：{
包括：`${uu dirname}/src/svg/`，
},
},
},
//test.tsx
从“React”导入React；
从“./组件/布局”导入布局；
从“./components/box”导入{Container}；
从“./组件/SEO”导入SEO；
从“./svg/react.svg”导入ReactSvg；
导出默认值（）=>(
);

---

错误我得到盖茨比插件svg的包含规则是一个匹配文件夹名称的正则表达式（因此斜杠，

/path/

）。将其更改为：

    {
        resolve: "gatsby-plugin-react-svg",
        options: {
            rule: {
                include: `/svg/`,
            },
        },
    },

---

此外，请记住，

/svg/

必须只包含svg资产。

奇怪，起初我尝试了这个之前没有用过的方法，但现在它仍然可以用，谢谢！我很乐意帮忙。如果问题已经解决，请接受答案以结束问题。

    {
        resolve: "gatsby-plugin-react-svg",
        options: {
            rule: {
                include: `/svg/`,
            },
        },
    },