如何导入SVG文件以用于图像路径？

Question

我正在导入PNG图片，并将其传递到外部组件（@ react-google-maps）以用作图标。 PNG导入工作正常，但SVG文件无效。

我以前从未使用过SVG，所以我一定会误会某些东西。

我可能正在处理

import testSVG from './assets/m3.svg'

不正确？

您可以在我的示例here中看到，在map2：67下使用testPNG可以工作，而testSVG不能。

这是@ react-google-maps将路径插入<img>标签的地方：

img = "<img src='" + this.url + "' style='position: absolute; top: " + spriteV + "px; left: " + spriteH + "px; "

      //@ts-ignore
      if (!this.cluster.getClusterer().enableRetinaIcons) {
        img += "clip: rect(" + (-1 * spriteV) + "px, " + ((-1 * spriteH) + this.width) + "px, " +
          ((-1 * spriteV) + this.height) + "px, " + (-1 * spriteH) + "px);"
      }

      msg += "'>"

但是，我不认为这会引起问题，因为非本地SVG文件可以正常工作。