ES6 compatibility

I’m trying to use react-codemirror in my ES6 project but it fails.

Importing it that way:

import CodeMirror from 'react-codemirror';

Getting the following error:

[0] ./~/react-codemirror/src/codemirror.js
[0] Module parse failed: app/node_modules/react-codemirror/src/codemirror.js Unexpected token (76:3)
[0] You may need an appropriate loader to handle this file type.
[0] SyntaxError: Unexpected token (76:3)
...
[0]  @ ./~/react-codemirror/lib/Codemirror.js 20:42-63

Am I doing something wrong or is the project not compatible yet?

[fantasy8-me]

I encounter a similar error

Time: 21025ms
 Asset     Size  Chunks       Chunk Names
app.js  8.46 MB       0       main
chunk    {0} app.js (main) 3.09 MB [rendered]

ERROR in ./~/react-codemirror/src/codemirror.js
Module parse failed: /Users/me/Work/WS/sublime-master-ws/prj-reedsec/reedsec-dashboard/node_modules/react-codemirror/src/codemirror.js Unexpected token (76:3)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (76:3)

I found the problem caused by webpack loading setting, in below line https://github.com/JedWatson/react-codemirror/blob/master/src/Codemirror.js#L17

it is expected to load ‘codemirror’ in ‘node_module’

But if we have webpack like below, which treat ‘src’ as module folder too, then ‘https://github.com/JedWatson/react-codemirror/blob/master/src/Codemirror.js’ itself might be load and cause the error

  resolve: {
    modulesDirectories: [
      'src',
      'node_modules'
    ],
    extensions: ['', '.json', '.js', '.jsx']
  },

Remove above resolve setting can solve the problem, but can we change the src file name(Codemirror.js) to avoid conflict with the ‘codemirror’ module for safety

[OleksiiShevchenko]

You can change webpack config rather than rename a file https://github.com/JedWatson/react-codemirror/issues/39#issuecomment-220799966