使用 gulp 转换打字稿角度应用程序时出错

Question

我在使用 angular/gulp 在应用程序上将 typescript 转换为 js 时出错。

src/app/app.component.ts(1,25): error TS2307: Cannot find module 'angular2/core'.
src/app/main.ts(5,28): error TS2307: Cannot find module 'angular2/platform/browser'.

但一切正常：编译正常，包含和 systemjs 正常，因此应用程序启动没有问题。但我想避免出现这个错误！

这是我使用的 gulpfile：

const TS_CONFIG = {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
};
gulp.task('build.js.dev', ['clean.dev'], function () {
    gulp.src(['./' + APP_DIR + '/**/*.ts'])
        .pipe(ts(TS_CONFIG))
        .pipe(gulp.dest('./' + APP_DEST));
});

这个错误可能与打字有关，但我不知道如何在这里设置它......

感谢您的帮助。

注意：我使用的是 jspm_packages，但与使用 npm 相比没有太多变化。

Answer 1

消除这些错误的最快和最简单的方法是提供定义作为打字稿编译的来源。

让你的任务适应这样的事情：

gulp.task('build.js.dev', ['clean.dev'], function () {
    gulp.src([
             'node_modules/angular2/core.d.ts',
             'node_modules/angular2/typings/browser.d.ts',
             './' + APP_DIR + '/**/*.ts'
         ])
        .pipe(ts(TS_CONFIG))
        .pipe(gulp.dest('./' + APP_DEST));
});

Answer 2

我建议不要手动提供所有文件，而是实际使用已经包含所有必需数据的 tsconfig.json：

gulp.task('build.js.dev', function() 
{
    var tsProject = ts.createProject('tsconfig.json');

    var tsResult = tsProject.src()
        .pipe(sourcemaps.init())   
        .pipe(ts(tsProject));  

    return tsResult.js.pipe(gulp.dest('./' + APP_DEST));
});

tsconfig.json 示例：

{ 
    "compilerOptions": { 
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false
    },
    "exclude": [
        "node_modules",
        "dist",
        "typings/browser.d.ts",
        "typings/browser"
    ]
}