使用 gulp-typescript 设置 typescript 会导致多个错误答案

【问题标题】：Setting up typescript using gulp-typescript results in multiple errors使用 gulp-typescript 设置 typescript 会导致多个错误
【发布时间】：2016-03-02 18:57:50
【问题描述】：

您好，我正在尝试配置 gulp 来编译我的打字稿文件，这是我目前所拥有的：

const gulp = require('gulp');
const del = require('del');
const typescript = require('gulp-typescript');
const tscConfig = require('./tsconfig.json');
const util = require('gulp-util');

var paths = {
   npmSrc: "./node_modules/",
   libTarget: "./wwwroot/lib/",
   appTarget: "./wwwroot/app/"
}

gulp.task('tsBuild', function () {

    return gulp.src('App/**/*.ts')
        .pipe(typescript(tscConfig))
        .pipe(gulp.dest(paths.appTarget));
}

我的 tsConfig 如下所示：

    {
  "compilerOptions": {
    "outDir": "./wwwroot/app/",
    "target": "es5",
    "module": "system",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "removeComments": false,
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

这是我收到的错误消息：

App\bootstrap.ts(1,25): 错误 TS2307: 找不到模块 'angular2/platform/browser'。

App\template\template.component.ts(1,1)：错误 TS1148：无法编译模块，除非为“--module”标志提供了一个有效的模块类型。考虑在 'tsconfig.json' 文件。

App\template\template.component.ts(1,25)：错误 TS2307：找不到模块“angular2/core”。应用\模板\模板.component.ts(8,14)：

错误 TS1219：对装饰器的实验性支持是一项功能在未来的版本中可能会发生变化。设置 'experimentalDecorators' 选项可移除此警告。

感觉好像没有读取 tsconfig 文件。我的文件最终会正确编译。

。有人知道我做错了什么吗？

【问题讨论】：

标签： typescript gulp gulp-typescript

【解决方案1】：

下面是应该可以正常工作的 gulp 任务：

const typescript = require('gulp-typescript');   

gulp.task('tsBuild', function () 
{
    var tsProject = typescript.createProject('tsconfig.json');

    var tsResult = tsProject.src()
        .pipe(typescript(tsProject));  

    return tsResult.js.pipe(gulp.dest(paths.appTarget));
});

在 tsconfig 中排除不必要的文件总是比明确指定所有必要的文件更容易。

【讨论】：

【解决方案2】：

试试：

const tscConfig = require('./tsconfig.json').compilerOptions;

【讨论】：