SVG / React语法仅在重新加载时出错

Question

我正在尝试在我的React组件中加载SVG。

我需要以下列方式使用SVG：

<img src={require('../../images/logo.svg')}/>

这是我的webpack加载器：

{
     test: /\.(woff|woff2|eot|ttf|svg)([\?]?.*)$/,
     loader: 'file?name=[name].[ext]'
},

现在，如果我启动webpack服务器，然后在上面添加<img>代码，那么一切都很完美。但是，当我刷新时，我收到以下错误：

{ [SyntaxError: <absolute path>/nm-logo.svg: Unexpected token (1:1)]
  pos: 1,
  loc: Position { line: 1, column: 1 },
  _babel: true,
  codeFrame: '\u001b[0m> ...}

此外，如果我导航到http://localhost:9000/static/logo.svg，即使出现错误，徽标也会显示出来。