Gulp 4.0.2无法编译

Question

我刚刚升级到Angular 4.4.7和Typescript 2.7.2。我正在尝试运行Gulp 4.0.2并编译我的TS文件，但我遇到了此错误。

[12:50:49]您是否忘记了发出异步完成的信号？ 节点：事件：498 投掷er; //未经处理的“错误”事件 ^

**
 * Compile TypeScript sources
 */
gulp.task("compile", gulp.series("clean", function () {
    return gulp.src("./App/**/*.ts")
        .pipe(inlineNg2Template({
            base: "/",                  // Angular2 application base folder
            target: "es6",              // Can swap to es5
            indent: 2,                  // Indentation (spaces)
            useRelativePaths: false,     // Use components relative assset paths
            removeLineBreaks: false,     // Content will be included as one line
            templateExtension: ".html", // Update according to your file extension
            templateFunction: false    // If using a function instead of a string for `templateUrl`, pass a reference to that function here
        }))
        .pipe(typescript(tsProject))
        .pipe(ignore("References.js"))
        .pipe(gulp.dest("dist/App"))
        .on('error', function (err) { console.log(err.message); });
}));

Answer 1

上的调用是有问题的，因为 返回一个新流，该流在基础流结束时不会结束。

.on('error', function (err) { console.log(err.message); });

如果删除上面的行，情况将再次起作用。

如果您确实需要处理错误事件，则可以执行此操作，但是您仍然应该从任务功能返回管道流。

gulp.task("compile", gulp.series("clean", function () {
    const stream = gulp.src("./App/**/*.ts")
        .pipe(inlineNg2Template({
            base: "/",                  // Angular2 application base folder
            target: "es6",              // Can swap to es5
            indent: 2,                  // Indentation (spaces)
            useRelativePaths: false,     // Use components relative assset paths
            removeLineBreaks: false,     // Content will be included as one line
            templateExtension: ".html", // Update according to your file extension
            templateFunction: false    // If using a function instead of a string for `templateUrl`, pass a reference to that function here
        }))
        .pipe(typescript(tsProject))
        .pipe(ignore("References.js"))
        .pipe(gulp.dest("dist/App"));
    stream.on('error', function (err) { console.log(err.message); });
    return stream;
}));

请注意，尽管GULP已经从错误事件中打印出消息，但我不会手动重复该过程。