React JS icons not showing

Asked Jul 27 '16 at 08:26

Active Jul 27 '16 at 09:26

Viewed 837 times

I'm using react-icons pack (only available for React) from GoranGajic.

If I import like import * as IO from 'react-icons/io I'm getting an error

/Users/boris/WebstormProjects/autralis-sales-new/node_modules/react-icons/io/index.js:1 export IoAlertCircled from './alert-circled'; ^ ParseError: 'import' and 'export' may appear only with 'sourceType: module'

If I import like import * as IO from 'react-icons/lib/io I'm not getting an error, but the icons are not showing. The div where {IO.IoAndroidFavorite} is, is empty.

UPDATE

I'm using ES6 and gulp/babel for transpiling. My .babelrc is as follows :

{
  "presets": ["react", "stage-0", "es2015"],
  "plugins": ["transform-object-rest-spread"]
}

Any advice?

edited Jul 27 '16 at 09:26

asked Jul 27 '16 at 08:26

Boky

11,554
28
93
163

Do you use ES6 in your project? – steppefox Jul 27 '16 at 08:39
The transpilation step is not happening. Are you using Gulp / Babel, Browserify or Webpack to transpile? – vijayst Jul 27 '16 at 08:40
Yes. I'm using ES6 in my project. And I'm using Gulp / Babel to transpile. – Boky Jul 27 '16 at 08:41
Have you tried changing your presets from ["react", "stage-0", "es2015"] to ['es2015', 'stage-0', 'react'] ? – QoP Jul 27 '16 at 09:56
@QoP Yes I am. The same problem. – Boky Jul 27 '16 at 10:31

React JS icons not showing

0 Answers0