Module build failed: SyntaxError: Unexpected token

I have a component written like this:

import MountainSVGSrc from 'babel!svg-react!./lightMountain.svg?name=MountainSVGSrc';

export class MyComponent {
    /** ... */
    render () {
        return (
            <div>
                <MountaniSVGSrc />
            </div>
        );
    }
}

When building with webpack, it throws an error which states that failed to build this module, as the following figure shown:

And my configuration of webpack is shown as followed:

/** svg */
{
    test: /\.svg$/,
    loader: 'babel!svg-react',
    query: {
        presets: ['es2015', 'react']
    }
}

[jhamlet]

@jstray that was going to be my next suggestion (.babelrc)

The double exclamation in that require statement is telling webpack to ignore other loaders configurations. So, the babelrc file configuration is the only alternative.

[jstray]

EDIT: Solved this. Put { "presets": ["react"] } in my babelrc file

That seemed like it might be the problem, so I added

      {
        test: /\.svg$/, loader: 'babel?presets[]=es2015,presets[]=react!svg-react'
      }

But nope, didn’t make it go away. I think that svg-react is ultimately being called from the npm module pui_react-svg svg.js:

    key: 'svgPathLoader',
    value: function svgPathLoader(src) {
      try {
        return require('!!babel!svg-react!../../app/svg/' + src + '.svg');
      } catch (e) {}
    }

And that looks like the same sequence of loaders to me, except perhaps it assumes babel is set up to use react presets?