Unexpected token: name (SVG)

2.0.0-alpha.1

My webpack loader config is the default one

{
    test: /\.(svg)$/,
    use: [{
      loader: 'react-svg-loader'
    }]
  }

Which outputs

class SVG extends __WEBPACK_IMPORTED_MODULE_0_react___default.a.Component {
  render() {
    return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
      "svg",

And the error is:

[19:53:28] Error: Fix the following webpack build errors:

main.2de7c4a952203664e4cf.js from UglifyJs
Unexpected token: name (SVG)

So it doesn’t compile class to ES5 syntax. What is the Webpack loader config for the default behaviour with ES5 transpilation? Perhaps it would make sense to make it the default behaviour since no one would use classes in their JS currently.

[catamphetamine]

Oh, I got it now, it seems to work – the latest 2.0.0-alpha.1 version has to be used, not @latest which is 1.x. And the correct Webpack config is:

{
    test: /\.svg$/,
    use: [{
      loader: 'babel-loader'
    }, {
      loader: 'react-svg-loader'
    }]
  }

This is still more verbose than svg-react-loader and also svg-react-loader handles <style/> tags and CSS classes (and this library gave me errors so I migrated <style/> tags inside SVG to inline styles by hand). But at the same time the author of svg-react-loader doesn’t communicate at all in the issues and PRs. This issue is resolved then.

UPDATE Migrating back to react-svg-loader because svg-react-loader has a filename bug https://github.com/jhamlet/svg-react-loader/issues/72

[saiumesh-apty]

Oh, I got it now, it seems to work – the latest 2.0.0-alpha.1 version has to be used, not @latest which is 1.x. And the correct Webpack config is:

{
    test: /\.svg$/,
    use: [{
      loader: 'babel-loader'
    }, {
      loader: 'react-svg-loader'
    }]
  }

This is still more verbose than svg-react-loader and also svg-react-loader handles <style/> tags and CSS classes (and this library gave me errors so I migrated <style/> tags inside SVG to inline styles by hand). But at the same time the author of svg-react-loader doesn’t communicate at all in the issues and PRs. This issue is resolved then.

UPDATE Migrating back to react-svg-loader because svg-react-loader has a filename bug jhamlet/svg-react-loader#72

Thanks!! I was able to solve issue.