TypeError: must be an object

I have the following in the webpack.config.js:

module.exports = {
  entry: ["./utils", "./app.js"],
  output: {
    filename: "bundle.js"
  },
  module: {
  loaders: [
    {
      test: /\.svg$/,
      loader: 'svg-sprite'
    }
    ]
  },
  watch: true
}

In the same directory of my app.js file I have the legoMan.svg file. In the app.js file I have:

var id = require('svg-sprite!./legoMan.svg');
console.log('App loaded');

When I run webpack I get the following:

ERROR in ./~/svg-sprite-loader!./legoMan.svg
Module build failed: TypeError: Must be an object
    at exports.objectToAttrString (/webpack-test/node_modules/svg-sprite-loader/lib/utils.js:6:11)
    at SVGDocument.toString (/webpack-test/node_modules/svg-sprite-loader/lib/svg-document.js:29:18)
    at Object.module.exports (/webpack-test/node_modules/svg-sprite-loader/index.js:47:17)
 @ ./app.js 2:9-44

I have searched for this error, and found that for someone it was because they had another loader conflicting with svgs, however in my case the only loader that I have specified is svg-sprite. Does anyone have some insight as to why I might be getting this error?

[kisenka]

Hi guys! Sorry for the delay. You trying to process SVG files twice: first in Webpack config, and then in require statement. If you just require file require('./legoMan.svg'); - all works.

[princed]

🙈