Reactjs 如何在gatsby中导入svg sprite文件

我想做的就是从盖茨比的一个精灵文件中使用svg，但是文档不是很清楚，我现在只想导入它，当我尝试导入svg时，它给了我一个错误：

“svg精灵加载程序异常”

或者如果我把../路拿走，我会 如果您试图使用软件包，请确保安装了“images/sprite.svg”

当前正在像这样导入它不喜欢的内容：

import sprite from "../images/sprites.svg"

标准html方式

        <svg>
            <use xlink:href="images/sprites.svg#potato"></use>
        </svg>

---

gatsby插件svg sprite加载程序

和

gatsby插件svg sprite

都试图接管svg加载。如果要使用

gatsby plugin-svg-sprite加载程序，请删除
gatsby-plugin-svg-sprite

值得一提的是，盖茨比插件svg sprite loader提供的指令不是盖茨比提供的，它是一个社区插件。如果你有问题，你可以考虑提交一个问题。
所以我试着卸载这两个，并尝试单独的，但不幸的是他们都不工作-我只是得到：SVG SpRITE加载器异常。module.exports=webpack\u public\u path+“static/sprite-870b25011c39c0de56d2d0bd39fc1751.svg”；我会为他们提交一个问题谢谢你的建议
         <svg viewBox={sprite.viewBox}>
          <use xlinkHref={sprite.potato} />
        </svg> 

    },
    "gatsby-plugin-svg-sprite",
    {
      resolve: `gatsby-plugin-svg-sprite-loader`,
      options: {
        /* SVG sprite loader options */
        pluginOptions: {
          /* SVG sprite loader plugin options */
        },
      },
    },