/ / React Magic Move + Gulp Error durante la compilación - reactjs

Reaccionar error mágico + Gulp durante la compilación - reactjs

Estoy utilizando el andamio yo reaccion-boilerplate para un proyecto de reacción simple en el que espero probar el componente de movimiento mágico.

Cuando ejecuto gulp dev, aparece el siguiente mensaje de error:

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)

Estoy usando una declaración simple como:

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

¿Alguna idea sobre de dónde viene el error? Pienso que quizás podría tratarse de un problema relacionado con jsx. ¿Necesito algo como jsx loader?

Aquí está el andamio que estoy usando para que pueda ver el gulpfile ... ¿quizás haya algo que deba modificar aquí? https://github.com/mitchbox/generator-react-boilerplate

Gracias.

Respuestas

0 para la respuesta № 1

MagicMove.js tiene un error de análisis en la línea 22.

MagicMove.js: Unexpected token (22:6)

Yo empezaría allí.

Probablemente sea un error jsx, pero es difícil decirlo sin ver el código.


0 para la respuesta № 2

Parece MagicMove.js está escrito en ES6 por lo que necesita algo como Babel.

Babelificar (en caso de que estés usando Navegar) Puede ayudar a compilar el código.