[英]Gulp and typescript : node.d.ts doesn't compile
我目前有打字稿的問題。 我試圖使用遵循有關構建Express服務器的簡單教程( http://blog.edenmsg.com/angular2-typescript-gulp-and-expressjs/ )。 因此,我遵循了指示,並使用tsd安裝了express。 然后,我嘗試按照此文件中所述啟動gulp構建:
gulpfile.js
/**
* Created by alicia on 10/03/2016.
*/
var gulp = require('gulp');
var path = require('path');
var sourcemaps = require('gulp-sourcemaps');
var ts = require('gulp-typescript');
var del = require('del');
var concat = require('gulp-concat')
var runSequence = require('run-sequence');
// SERVER
gulp.task('clean', function(){
return del('dist')
});
gulp.task('build:server', function () {
var tsProject = ts.createProject('server/tsconfig.json');
var tsResult = gulp.src('server/**/*.ts')
.pipe(sourcemaps.init())
.pipe(ts(tsProject))
return tsResult.js
.pipe(concat('server.js'))
.pipe(sourcemaps.write())
.pipe(gulp.dest('dist'))
});
// CLIENT
/*
jsNPMDependencies
*/
var jsNPMDependencies = [
'angular2/bundles/angular2-polyfills.js',
'systemjs/dist/system.src.js',
'rxjs/bundles/Rx.js',
'angular2/bundles/angular2.dev.js',
'angular2/bundles/router.dev.js'
]
gulp.task('build:index', function(){
var mappedPaths = jsNPMDependencies.map(file => {return path.resolve('node_modules', file)})
//Let's copy our head dependencies into a dist/libs
var copyJsNPMDependencies = gulp.src(mappedPaths, {base:'node_modules'})
.pipe(gulp.dest('dist/libs'));
var copyCss = gulp.src('client/css/**/*.css')
.pipe(gulp.dest('dist/css'));
//Let's copy our index into dist
var copyIndex = gulp.src('client/index.html')
.pipe(gulp.dest('dist'));
return [copyJsNPMDependencies, copyCss, copyIndex];
});
gulp.task('build:app', function(){
var tsProject = ts.createProject('client/tsconfig.json');
var tsResult = gulp.src('client/**/*.ts')
.pipe(sourcemaps.init())
.pipe(ts(tsProject))
return tsResult.js
.pipe(sourcemaps.write())
.pipe(gulp.dest('dist/app'))
});
var typescript = require('gulp-tsc');
gulp.task('compile', function(){
gulp.src(['client/**/*.ts'])
.pipe(typescript())
.pipe(gulp.dest('dist/'))
});
gulp.task('build', function(callback){
runSequence('clean', 'build:server',
'build:index',
'build:app',
callback);
});
gulp.task('default', ['build'])
除build:server以外,每個任務都會編譯(干凈,build:index ...)。 這是我得到的錯誤:
[12:07:43] Starting 'build:server'...
server/typings/node/node.d.ts(1759,52): error TS1005: '=' expected.
server/typings/node/node.d.ts(1760,76): error TS1005: '=' expected.
server/typings/node/node.d.ts(1761,52): error TS1005: '=' expected.
server/typings/node/node.d.ts(1761,96): error TS1005: '=' expected.
server/typings/node/node.d.ts(1771,54): error TS1005: '=' expected.
server/typings/node/node.d.ts(1772,74): error TS1005: '=' expected.
server/typings/node/node.d.ts(1773,54): error TS1005: '=' expected.
server/typings/node/node.d.ts(1773,94): error TS1005: '=' expected.
顯然問題出在node.d.ts。 我真的不知道為什么它不能正常工作,即使它是在“確定類型”上找到的版本也是如此。 您對如何提供幫助有任何想法嗎?
編輯:我也包括我的tscongig.json
{
"compilerOptions": {
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"module": "commonjs",
"target": "es6",
"sourceMap": true,
"outDir": "dist",
"declaration": false,
"jsx": "react",
"noImplicitAny": false,
"removeComments": false
},
"exclude": [
"node_modules",
"typings/browser.d.ts",
"typings/browser"
]
}
嘗試將您的gulp任務更改為:
gulp.task('build:server', function()
{
var tsProject = ts.createProject('server/tsconfig.json');
var tsResult = tsProject.src()
.pipe(sourcemaps.init())
.pipe(ts(tsProject));
return tsResult.js.pipe(concat('server.js'))
.pipe(sourcemaps.write())
.pipe(gulp.dest('dist'))
});
並確保使用“ exclude”部分在tsconfig中排除node_modules,如以下示例所示:
{
"compilerOptions": {
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"module": "commonjs",
"target": "es6",
"sourceMap": true,
"outDir": "dist",
"declaration": false,
"jsx": "react"
},
"exclude": [
"node_modules",
"typings/browser.d.ts",
"typings/browser"
]
}
我遇到了同樣的問題,我更新了package.json文件以包括所有最新版本(在大多數情況下,某些必需的舊版本,因為它們是其他版本的依賴項,尚不支持新版本)。 這就是我的最終package.json文件的樣子:
"dependencies": {
"angular2": "2.0.0-beta.17",
"es6-promise": "3.2.1",
"es6-shim": "0.35.1",
"express": "4.13.4",
"gulp-concat": "2.6.0",
"reflect-metadata": "0.1.2",
"rxjs": "5.0.0-beta.6",
"systemjs": "0.19.29",
"zone.js": "0.6.12",
"typescript": "1.8.10"},
"devDependencies": {
"del": "2.2.0",
"gulp": "3.9.1",
"gulp-concat": "2.6.0",
"gulp-sourcemaps": "1.6.0",
"gulp-typescript": "2.13.5",
"run-sequence": "1.2.1"}
從我的研究中,我可以推斷出它與示例中使用的打字稿和gulp版本有關,不再受支持。 希望這對您有所幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.