angularjs - Angular-Fullstack 需要外部模块 babel-register

Question

当我从 Angular-fullstack 项目生成器使用 gulpserve 时，出现此错误。请问，我该如何解决这个问题？依赖项已在 package.json 中正确设置。

[18:03:54] Requiring external module babel-register
/home/gcfabri/Workspace/sportfitness/gulpfile.babel.js:4
import _ from 'lodash';
^^^^^^

SyntaxError: Unexpected token import
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:387:25)
    at loader (/home/gcfabri/node_modules/babel-register/lib/node.js:134:5)
    at Object.require.extensions.(anonymous function) [as .js] (/home/gcfabri/node_modules/babel-register/lib/node.js:144:7)
    at Module.load (module.js:357:32)
    at Function.Module._load (module.js:314:12)
    at Module.require (module.js:367:17)
    at require (internal/module.js:16:19)
    at Liftoff.handleArguments (/home/gcfabri/.npm-global/lib/node_modules/gulp/bin/gulp.js:116:3)
    at Liftoff.<anonymous> (/home/gcfabri/.npm-global/lib/node_modules/gulp/node_modules/liftoff/index.js:192:16)

Answer 1

听起来您需要运行npm install --save babel-require。您可以阅读更多相关信息here .

编辑:为了更好地解释一下，babel-require 的目的是使用 babel 动态编译所需的包。在本例中，我假设它将 ES6 javascript 语法编译回 ES5 语法，因为它在较新的 ES6 import 语法上失败。

我不确定 babel 如何最终出现在你的 gulp 管道中，但 /home/gcfabri/Workspace/sportfitness/gulpfile.babel.js 中的某些内容明确需要它。我不建议删除它，但只是为了让您了解发生了什么。

我希望安装该依赖项会有所帮助。