使用gulp轉譯打字稿角度應用程序時出錯

Question

我在使用角度/ gulp將應用程序打印稿轉換爲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" 
    ] 
}