如何让gulp-typescript显示错误?

时间:2016-06-27 14:40:46

标签: typescript angular gulp gulp-typescript

我正在VisualStudio中开发一个Angular2 / Typescript应用程序并希望设置我自己的ts编译器,但每当我运行它并发现错误时我都没有得到有关它们的详细信息:

[16:22:23] Starting 'compile:typescript'...
[16:22:26] TypeScript: 1 semantic error
[16:22:26] TypeScript: emit failed
[16:22:26] Finished 'compile:typescript' after 3.14 s

我的gulpfile.js有点大,但相关部分在这里:

var gulp = require('gulp');
var del = require('del');
var ts = require("gulp-typescript");
var gutil = require("gulp-util");
var watchifiy = require('watchify');
var sourcemaps = require('gulp-sourcemaps');

// --------------------------  COMPILE TS ---------------------------
gulp.task('compile:typescript', function () {
    var tsResult = gulp.src('./Scripts/**/*.ts', { base: './Scripts' })
        .pipe(sourcemaps.init())
        .pipe(ts(
                ts.createProject('Scripts/tsconfig.json'),
                undefined,
                ts.reporter.fullReporter()));

    return tsResult.js
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('./Scripts'));
})

tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "noEmitOnError": true
  },
  "exclude": [
    "node_modules",
    "typings/globals",
    "typings/index.d.ts"
  ]
}

感谢任何想法。

2 个答案:

答案 0 :(得分:1)

<强>更新

看起来这是一个已知的错误,找到here

<强>原始

我建议使用gulp-debug包,它允许您.pipe进入您的任务并捕获标准输出。

  

调试乙烯基文件流以查看通过gulp管道运行的文件

<强> gulpfile.js

var debug = require("gulp-debug");
gulp.task('compile:typescript', function () {
    var tsResult = gulp.src('./Scripts/**/*.ts', { base: './Scripts' })
        .pipe(sourcemaps.init())
        .pipe(debug()) // here...
        .pipe(ts(
                ts.createProject('Scripts/tsconfig.json'),
                undefined,
                ts.reporter.fullReporter()));

    return tsResult.js
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('./Scripts'));
})

您需要将其添加到devDependencies的{​​{1}}列表中,以便package.json安装它。

答案 1 :(得分:0)

我遇到过类似的问题。正在删除"noEmit": true,  从我的tsconfig.json文件解决了它。

尝试从您的"noEmitOnError": true删除或将其设置为false。