使用react-svg将SVG嵌入到React中

Question

我有一个简单的react组件，我希望在下面的路径中嵌入svg：

import React from 'react';
import ReactSVG from 'react-svg';


const FrontPage = () => (

  <div>

    <p>there is some writing between these tags</p>

    <ReactSVG path="anImage.svg" />

  </div>

);


export default FrontPage;

虽然webpack成功编译（应用程序加载），但浏览器会在svg文件上返回404错误（未找到）。我已经安装了npm react-svg包，但似乎我使用的不正确。有一个GitHub链接指向它的一个例子 here，所以我认为这不是路径问题 - svg当前与组件本身位于同一文件夹（称为组件）中。

如何让svg成功渲染？

要安装package，我跑了：npm install react-svg --save。