Question

我正在使用yo react-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)

我使用的是一个简单的require语句，如：

var MagicMove = require（＆＃39; react-magic-move＆＃39;）;

有关错误来自哪里的任何想法？我想也许这可能是一个与jsx相关的问题？我需要像jsx loader这样的东西吗？

这是我正在使用的脚手架，你可以看看gulpfile ..也许我需要在这里改变一些东西？ https://github.com/mitchbox/generator-react-boilerplate

感谢。

Answer 1

MagicMove.js在第22行有一个解析错误。

MagicMove.js: Unexpected token (22:6)

我会从那里开始。

可能是一个jsx错误，但是如果没有看到代码就很难分辨。

Answer 2

看起来MagicMove.js是用ES6编写的，因此您需要babel之类的内容。

Babelify（如果您使用browserify）可能有助于编译代码。

在构建期间React Magic Move + Gulp Error

2 个答案: