学习TypeScript时遇到的gulp编译问题

今天给大家分享下，学习typescript时遇到的gulp编译问题，按照官网的步骤一步步坐下来，中途在编译gulp时编译不了，经过一番测试查看，修改了gulpfile.js，代码如下：

var gulp = require("gulp");
var browserify = require("browserify");
var source = require("vinyl-source-stream");
var tsify = require("tsify");
var paths = {
    pages:["src/*.html"]
};


gulp.task("copy-html",function(){
    return gulp.src(paths.pages).pipe(gulp.dest("dist"));
});

//此处使用了gulp.series解决
gulp.task("default",gulp.series(["copy-html"],function(){
    return browserify({
        basedir:'.',
        debug:true,
        entries: ['src/main.ts'],
        cache:{},
        packageCache:{}
    }).plugin(tsify).bundle().pipe(source('bundle.js')).pipe(gulp.dest('dist'));
}));

• 看了网上说的是因为gulp4和gulp3的一些区别，如果装的时gulp4使用这种就可以。
• 可以打开cmd使用 gulp -v查看gulp 一下版本 。

下面是官网的例子，在我电脑上运行之后报错了:

var gulp = require("gulp");
var browserify = require("browserify");
var source = require('vinyl-source-stream');
var tsify = require("tsify");
var paths = {
    pages: ['src/*.html']
};

gulp.task("copy-html", function () {
    return gulp.src(paths.pages)
        .pipe(gulp.dest("dist"));
});

gulp.task("default", ["copy-html"], function () {
    return browserify({
        basedir: '.',
        debug: true,
        entries: ['src/main.ts'],
        cache: {},
        packageCache: {}
    })
    .plugin(tsify)
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest("dist"));
});

运行gulp 之后报如下错误，不知到大家有没有遇到过：

gulp_err.png