/ / React Magic Move + Помилка Gulp під час компонування - reactjs

React Magic Move + Gulp Error під час створення - реакції

Я використовую yo реагувати-boilerplate ешафот для простого реагувати проект, де я сподіваюся перевірити компонент магії рухатися.

Коли я запускаю gulp dev, я отримую таке повідомлення про помилку:

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)

Я використовую просту вимогу, наприклад:

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

Будь-які думки про те, звідки виходить помилка? Я думаю, що це може бути питання, пов'язане з jsx? Чи потрібно мені щось на зразок jsx loader?

Ось scaffold я використовую так що ви можете подивитися на gulpfile .. можливо є щось я повинен змінити тут? https://github.com/mitchbox/generator-react-boilerplate

Дякую.

Відповіді:

0 для відповіді № 1

MagicMove.js має помилку розбору в рядку 22.

MagicMove.js: Unexpected token (22:6)

Я почав би там.

Ймовірно, помилка jsx, але важко сказати, не бачачи код.


0 для відповіді № 2

Виглядає як MagicMove.js написано в ES6, тому вам потрібно щось подібне Вавилон.

Babelify (у разі використання переглядати) може допомогти скласти код.