Угловые 2 Ошибки типа текста

Question

Я следил за быстрым запуском на угловом сайте. Я пытаюсь получить мое свойство настройки gulpfile, чтобы перекрыть мой тип ввода внутри моего проекта Visual Studio aspnetcore. Я использую машинописную версию 1.8.10, а не бета-версию 2.0, которая имеет решение, размещенное для нее в другом месте на SO.

Я получаю 70 из этих ошибок при запуске "TS2" задачу:

C:/путь/к/мой/проект/Quickstart/node_modules/@ Угловое/общие/SRC/трубы/async_pipe. d.ts (41,38): ошибка TS2304: Не удается найти имя «Promise». c: /path/to/my/project/Quickstart/node_modules/@angular/compiler/src/compile_metadata.d.ts (347,20): ошибка TS2304: Не удается найти имя «Установить». c: /path/to/my/project/Quickstart/node_modules/@angular/compiler/src/compile_metadata.d.ts (348,15): ошибка TS2304: Не удается найти имя «Установить». c: /path/to/my/project/Quickstart/node_modules/@angular/compiler/src/directive_normalizer.d.ts (19,100): ошибка TS2304: Не удается найти имя «Promise».

Мои Gulpfile.js:

var ts = require("gulp-typescript"); 
var gulp = require('gulp'); 
var clean = require("gulp-clean"); 

// Delete the dist directory 
gulp.task("clean", function() { 
    return gulp.src(destPath) 
     .pipe(clean()); 
}); 

gulp.task("scriptsNStyles",() => { 
    gulp.src([ 
      "core-js/client/**", 
      "systemjs/dist/system.src.js", 
      "reflect-metadata/**", 
      "rxjs/**", 
      "zone.js/dist/**", 
      "@angular/**", 
      "jquery/dist/jquery.*js" 
    ], { 
     cwd: "node_modules/**" 
    }) 
     .pipe(gulp.dest("./wwwroot/lib")); 
}); 

var tsProject = ts.createProject("./tsconfig.json"); 
gulp.task("ts", function (done) { 
    //var tsResult = tsProject.src() 
    var paths = { 
     scripts: ['./wwwroot/app/*.ts'] 
    }; 

    gulp.src(paths.scripts).pipe(gulp.dest('wwwroot/app')); 
}); 

gulp.task('ts2', function (done) { 
    var tsResult = gulp.src([ 
      "wwwroot/app/*.ts" 
    ]) 
     .pipe(ts(tsProject), undefined, ts.reporter.fullReporter()); 
    return tsResult.js.pipe(gulp.dest('./wwwroot/app')); 
}); 


gulp.task("watch", ["watch.ts"]); 

gulp.task("watch.ts", ["ts"], function() { 
    return gulp.watch("./wwwroot/app/*.ts", ["ts"]); 
}); 

gulp.task("default", ["scriptsNStyles", "watch"]); 

tsconfig.json:

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

package.json:

{ 
    "version": "1.0.0", 
    "name": "asp.net", 
    "scripts": { 
    "postinstall": "typings install", 
    "typings": "typings" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "2.0.0-rc.7", 
    "@angular/compiler": "2.0.0-rc.7", 
    "@angular/compiler-cli": "0.6.1", 
    "@angular/core": "2.0.0-rc.7", 
    "@angular/forms": "2.0.0-rc.7", 
    "@angular/http": "2.0.0-rc.7", 
    "@angular/platform-browser": "2.0.0-rc.7", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.7", 
    "@angular/router": "3.0.0-rc.3", 
    "@angular/upgrade": "2.0.0-rc.7", 
    "core-js": "^2.4.1", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "5.0.0-beta.12", 
    "systemjs": "0.19.27", 
    "zone.js": "^0.6.21", 
    "angular2-in-memory-web-api": "0.0.19", 
    "bootstrap": "^3.3.6" 
    }, 
    "devDependencies": { 
    "typescript": "^1.8.10", 
    "gulp": "^3.9.1", 
    "path": "^0.12.7", 
    "gulp-clean": "^0.3.2", 
    "gulp-concat": "^2.6.0", 
    "gulp-typescript": "^2.13.6", 
    "typings": "^1.3.1", 
    "gulp-tsc": "^1.2.0" 
    } 
} 

Typings.json:

{ 
    "globalDependencies": { 
    "core-js": "registry:dt/core-js#0.0.0+20160602141332", 
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255", 
    "node": "registry:dt/node#6.0.0+20160621231320" 
    } 
} 

Transpilation, похоже, работает, но мне не нравятся ошибки. Как это исправить?

Answer 1

Типографии будут устаревать с помощью TypScript 2.0 и далее. Более простым решением является использование пакетов определения типа npm. Я знаю, что вы попросили 1,8 решения, но мое сильное предложение - удалить Типовые сейчас!

• Загрузите TypScript 2.0.2 или выше от Microsoft. https://www.microsoft.com/en-us/download/details.aspx?id=48593 или установить с НПМ: npm install -g typescript

• добавить следующие строки в файл package.json "@types/core-js": "^0.9.32","@types/jasmine": "^2.2.33", и "@types/node": "^6.0.38", или использовать командную строку: npm install @types/core-js @types/jasmin @types/node --save-dev

• В файле tsconfig.json добавить следующее:

tsconfig.json

"typeRoots": [ 
    "node_modules/@types" 
], 
"types": [ 
    "core-js", 
    "jasmine", 
    "node" 
] 

Определения типов ядра-js избавятся от ваших ошибок обещания и определения определения.

В машинописи 2.0 определения типов намного проще в использовании. Вы просматриваете один и тот же процесс, чтобы извлекать определения для lodash, d3 или любой другой библиотеки js, которую вы хотите использовать. Вы можете найти тиски с Microsoft's TypeSearch website. Узнайте больше об этом в блоге Microsoft: https://blogs.msdn.microsoft.com/typescript/2016/06/15/the-future-of-declaration-files/

Вы хотите обновить свои devDependencies до «машинописи»: «^ 2.0.2».или npm install typescript --save-dev

Чтобы обновить gulpfile использовать последнюю версию машинописи изменить tsProject строку следующим образом:

var tsProject = ts.createProject('tsconfig.json', { 
    typescript: require('typescript') 
}); 

Смотрите gulp-typescript documentation on Github для получения дополнительной информации.