angular - gulp typescript: feil TS1005

Jeg lager en Angular2 TypeScript-applikasjon. Jeg bruker angular/material2 for å presentere bedre design. Når det gjelder bygging av prosjektet - bruker jeg gulp.

Problemstilling: Jeg endret @angular/router-deprecated til @angular/router og ble tvunget til å oppdatere andre pakker (@angular/core, @angular2-material osv.)

Etter det sluttet gulp build å fungere og viste følgende feil:

.../node_modules/@angular2-material/button/button.d.ts(28,14): error TS1005: '=' expected
.../node_modules/@angular2-material/button/button.d.ts(28,22): error TS1005: ';' expected
.../node_modules/@angular2-material/button/button.d.ts(29,14): error TS1005: '=' expected
.../node_modules/@angular2-material/button/button.d.ts(29,28): error TS1005: ';' expected
.../node_modules/@angular2-material/input/input.d.ts(50,14): error TS1005: '=' expected.
.../node_modules/@angular2-material/input/input.d.ts(50,21): error TS1005: ';' expected.
.../node_modules/@angular2-material/input/input.d.ts(51,14): error TS1005: '=' expected.
.../node_modules/@angular2-material/input/input.d.ts(51,19): error TS1005: ';' expected.

Min gulp compile-kode ser slik ut:

const gulp = require('gulp');
const tsc = require('gulp-typescript');
const sourcemaps = require('gulp-sourcemaps');
const tsProject = tsc.createProject('tsconfig.json');

module.exports = function() {
  const tsResult = gulp.src('src/**/*.ts')
    .pipe(sourcemaps.init())
    .pipe(tsc(tsProject));

  return tsResult.js
    .pipe(sourcemaps.write("."))
    .pipe(gulp.dest("dist"));
};

main.ts:

///<reference path="../../typings/index.d.ts"/>
import { bootstrap } from '@angular/platform-browser-dynamic';

import { AppComponent } from './app.component';

import { HTTP_PROVIDERS } from '@angular/http';

bootstrap(AppComponent, [HTTP_PROVIDERS]);

tsconfig.json:

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

package.json:

{
  "name": "fallball",
  "version": "1.0.0",
  "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
  },
  "dependencies": {
    "@angular/common": "2.0.0-rc.5",
    "@angular/compiler": "2.0.0-rc.5",
    "@angular/core": "2.0.0-rc.5",
    "@angular/http": "2.0.0-rc.5",
    "@angular/platform-browser": "2.0.0-rc.5",
    "@angular/platform-browser-dynamic": "2.0.0-rc.5",
    "@angular/router": "3.0.0-rc.1",
    "@angular/upgrade": "2.0.0-rc.5",
    "angular2-in-memory-web-api": "0.0.15",
    "core-js": "^2.4.0",
    "es6-shim": "^0.35.0",
    "@angular2-material/button": "^2.0.0-alpha.7-9",
    "@angular2-material/card": "2.0.0-alpha.7-9",
    "@angular2-material/core": "^2.0.0-alpha.7-9",
    "@angular2-material/toolbar": "^2.0.0-alpha.7-9",
    "@angular2-material/input": "2.0.0-alpha.7-9",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.12",
    "bootstrap": "^3.3.6",
    "gulp": "^3.9.1"
  },
  "devDependencies": {
    "concurrently": "^2.0.0",
    "gulp": "^3.9.1",
    "gulp-sourcemaps": "^1.6.0",
    "gulp-typescript": "^2.13.6",
    "gulp-webserver": "^0.9.1",
    "lite-server": "^2.2.0",
    "typescript": "^2.0.0",
    "typings": "^1.3.1"
  }
}

Kan du vennligst klargjøre om problemet skyldes ødelagte pakker, eller om jeg ikke har konfigurert noe riktig? Takk!

Svar #1

Du må oppgradere TypeScript til 2.0.0

Jeg har samme problem, og jeg spør dem her: https://github.com/angular/material2/issues/1208

Håper det hjelper deg!

Relaterte artikler