Template flag hates me about svgr

[alexeybondarenko]

An error could be in the version of node that you are using. A template is loading during the runtime with the simple require and babel transformations are not available there.
So your template has to be supported by your node version.

I've updated your template. It works for me

module.exports = opts => (code, state) =>
`import React from 'react'
const ${state.componentName} = (${opts.expandProps ? 'props' : ''}) => ${code}
export default ${state.componentName}`

[gregberge]

@jakeleboeuf what version of Node are you using? You can get it using command node -v.

[jakeleboeuf]

The template code I'm using is the default code referenced here. Using the template you updated still doesn't work.

I'm on v8.6.0

[jakeleboeuf]

Not a huge deal, I can manually make the updates I need :)

[gregberge]

@jakeleboeuf the path you refer is deducted from your current working directory.

Can you add console.log in the code https://github.com/smooth-code/svgr/blob/master/src/cli/index.js#L96 to see the origin of the error?

You should find the code in "node_modules/svgr/lib/cli/index.js".

[gregberge]

@jakeleboeuf any news about it?

[Inoir]

The problem here is the export. The default template gets compiled trough babel so the endresult is like this:

module.exports = opts => (code, state) =>
`import React from 'react'
const ${state.componentName} = (${opts.expandProps ? 'props' : ''}) => ${code}
export default ${state.componentName}`

The "module.exports" is the correct part "export default" throws an error.

[gregberge]

@Inoir I understand, how can we reproduce it and fix it?

[Gpx]

I had the same issue in node 8.7.0 and changing export default to module.exports did the trick