1

我的 gulp 构建脚本中有 gulp-babel 任务，它运行良好，直到我删除了 node_modules 目录并再次运行 npm install。它回来了

SyntaxError: j.js: Unexpected token (790:10)

并且错误日志指出错误标记如下：

  789 |     data,
> 790 |     async = true,
      |           ^
  791 |     cache = 'no-cache',
  792 |     method = 'GET',
  793 |     headers = {},

如果我直接j.js使用 cli编译babel j.js，将不会收到错误消息并按预期返回编译代码。

我的吞咽任务代码：

const gulp = require( 'gulp' );
const { babel } = require( 'gulp-load-plugins' )();

gulp.task( 'babel', () => {
    return gulp.src( [
        '.tmp/j.js'
    ] ).pipe( babel() ).pipe( gulp.dest( '.tmp' ) );
} );

我的 .babelrc ：

{
    "presets" : [ "es2016" ],
    "plugins" : [
        "transform-es2015-arrow-functions",
        "transform-es2015-object-super",
        "transform-es2015-parameters",
        "transform-object-assign",
        "transform-es2015-block-scoping",
        "transform-es2015-shorthand-properties",
        "transform-es2015-block-scoped-functions",
        "transform-es2015-for-of",
        "transform-es2015-destructuring",
        [ "transform-es2015-classes", { "loose" : true } ],
        [ "transform-es2015-spread", { "loose" : true } ],
        [ "transform-es2015-template-literals", { "loose" : true } ]
    ]
}

我的 npm 依赖项：

"devDependencies": {
    "babel-cli": "^6.14.0",
    "gulp-babel": "^6.1.2",
    "babel-plugin-transform-es2015-arrow-functions": "^6.8.0",
    "babel-plugin-transform-es2015-block-scoped-functions": "^6.8.0",
    "babel-plugin-transform-es2015-block-scoping": "^6.10.1",
    "babel-plugin-transform-es2015-classes": "^6.9.0",
    "babel-plugin-transform-es2015-destructuring": "^6.9.0",
    "babel-plugin-transform-es2015-for-of": "^6.8.0",
    "babel-plugin-transform-es2015-object-super": "^6.8.0",
    "babel-plugin-transform-es2015-parameters": "^6.11.4",
    "babel-plugin-transform-es2015-shorthand-properties": "^6.8.0",
    "babel-plugin-transform-es2015-spread": "^6.8.0",
    "babel-plugin-transform-es2015-template-literals": "^6.8.0",
    "babel-plugin-transform-object-assign": "^6.8.0",
    "babel-preset-es2016": "^6.11.3",
    "colors": "^1.1.2",
    "del": "^2.2.2",
    "gulp": "^3.9.1",
    "gulp-concat": "^2.6.0",
    "gulp-file-include": "^0.14.0",
    "gulp-load-plugins": "^1.2.4",
    "gulp-uglify": "^2.0.0",
    "gulp-watch": "^4.3.9",
    "require-dir": "^0.3.0",
    "run-sequence": "^1.2.2",
    "uglify-js": "github:mishoo/UglifyJS2#harmony"
  },
4

1 回答 1

1

我又来回答我的问题了。

Babeljs 6.14.0 开始支持在 ES7 中声明的“异步函数”。“async”这个词成为编译器的关键字，所以我不能使用“async”作为变量名。

然后我将“async = true”更改为“sync = false”来解决这个问题。

我在 github 上向 Babeljs 报告了一个问题。我认为这个问题已经解决了。

于 2016-08-29T07:29:12.707 回答