Reagiere Magic Move + Gulp Error beim Build - reactjs

Ich benutze das yo react-boilerplate-Gerüst für ein einfaches reaktives Projekt, in dem ich hoffe, die Magic-Move-Komponente zu testen.

Wenn ich gulp dev starte, erhalte ich folgende Fehlermeldung:

Error: Parsing file /Users/Andrew/work/magicmove/node_modules/react-magic-move/modules/components/MagicMove.js: Unexpected token (22:6)
at Deps.parseDeps (/Users/Andrew/work/magicmove/node_modules/browserify/node_modules/module-deps/index.js:439:28)
at fromSource (/Users/Andrew/work/magicmove/node_modules/browserify/node_modules/module-deps/index.js:378:44)
at /Users/Andrew/work/magicmove/node_modules/browserify/node_modules/module-deps/index.js:372:17
at ConcatStream.<anonymous> (/Users/Andrew/work/magicmove/node_modules/browserify/node_modules/concat-stream/index.js:36:43)
at ConcatStream.emit (events.js:129:20)
at finishMaybe (/Users/Andrew/work/magicmove/node_modules/browserify/node_modules/readable-stream/lib/_stream_writable.js:460:14)
at endWritable (/Users/Andrew/work/magicmove/node_modules/browserify/node_modules/readable-stream/lib/_stream_writable.js:469:3)
at ConcatStream.Writable.end (/Users/Andrew/work/magicmove/node_modules/browserify/node_modules/readable-stream/lib/_stream_writable.js:436:5)
at DuplexWrapper.onend (/Users/Andrew/work/magicmove/node_modules/browserify/node_modules/readable-stream/lib/_stream_readable.js:537:10)
at DuplexWrapper.g (events.js:199:16)

Ich verwende eine einfache require-Anweisung wie:

var MagicMove = require ("react-magic-move");

Irgendwelche Gedanken darüber, woher der Fehler kommt? Ich denke, es könnte ein jsx-Problem sein? Brauche ich etwas wie jsx loader?

Hier ist das Gerüst, das ich benutze, so dass du das gulpfile betrachten kannst. Vielleicht muss ich etwas hier ändern? https://github.com/mitchbox/generator-react-boilerplate

Vielen Dank.

Antworten:

MagicMove.js hat einen Parsing-Fehler in Zeile 22.

MagicMove.js: Unexpected token (22:6)

Ich würde dort anfangen.

Wahrscheinlich ein JSX-Fehler, aber es ist schwer zu sagen, ohne den Code zu sehen.

Sieht aus wie MagicMove.js ist in ES6 geschrieben, also brauchst du sowas babel.

Babelify (falls Sie verwenden browserifizieren) kann helfen, den Code zu kompilieren.