TypeScript errors after update to 2.0.0-alpha.8-1

Bug, feature request, or proposal:

After update to angular2 rc6 and angular materials to 2.0.0-alpha.8-1 TSC shows list of errors:

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/checkbox/checkbox.d.ts(48,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/checkbox/checkbox.d.ts(48,21): error TS1005: ‘;’ expected. node_modules/@angular2-material/core/overlay/overlay-directives.d.ts(12,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/core/overlay/overlay-directives.d.ts(12,24): error TS1005: ‘;’ expected. node_modules/@angular2-material/core/overlay/overlay-directives.d.ts(24,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/core/overlay/overlay-directives.d.ts(24,24): error TS1005: ‘;’ expected. node_modules/@angular2-material/core/overlay/position/connected-position-strategy.d.ts(24,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/core/overlay/position/connected-position-strategy.d.ts(24,23): error TS1005: ‘;’ expected. node_modules/@angular2-material/core/overlay/position/connected-position-strategy.d.ts(24,47): error TS1005: ‘=’ expected. node_modules/@angular2-material/core/portal/portal.d.ts(14,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/core/portal/portal.d.ts(14,24): error TS1005: ‘;’ expected. node_modules/@angular2-material/core/portal/portal.d.ts(53,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/core/portal/portal.d.ts(53,20): 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. node_modules/@angular2-material/input/input.d.ts(52,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/input/input.d.ts(52,28): error TS1005: ‘;’ expected. node_modules/@angular2-material/input/input.d.ts(53,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/input/input.d.ts(53,21): error TS1005: ‘;’ expected. node_modules/@angular2-material/input/input.d.ts(82,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/input/input.d.ts(82,20): error TS1005: ‘;’ expected. node_modules/@angular2-material/input/input.d.ts(82,44): error TS1005: ‘(’ expected. node_modules/@angular2-material/input/input.d.ts(83,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/input/input.d.ts(83,21): error TS1005: ‘;’ expected. node_modules/@angular2-material/input/input.d.ts(83,45): error TS1005: ‘(’ expected. node_modules/@angular2-material/input/input.d.ts(85,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/input/input.d.ts(85,20): error TS1005: ‘;’ expected. node_modules/@angular2-material/menu/menu-item.d.ts(13,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/menu/menu-item.d.ts(13,28): error TS1005: ‘;’ expected. node_modules/@angular2-material/menu/menu-trigger.d.ts(23,14): error TS1005: ‘=’ expected. node_modules/@angular2-material/menu/menu-trigger.d.ts(23,22): error TS1005: ‘;’ expected.

What are the steps to reproduce?

just run tsc in console

Which versions of Angular, Material, OS, browsers are affected?

"@angular/common": "^2.0.0-rc.6",
"@angular/compiler": "^2.0.0-rc.6",
"@angular/core": "^2.0.0-rc.6",
"@angular/forms": "^2.0.0-rc.6",
"@angular/http": "^2.0.0-rc.6",
"@angular/platform-browser": "^2.0.0-rc.6",
"@angular/platform-browser-dynamic": "^2.0.0-rc.6",
"@angular/router": "^3.0.0-rc.2",
"@angular2-material/button": "^2.0.0-alpha.8-1",
"@angular2-material/card": "^2.0.0-alpha.8-1",
"@angular2-material/checkbox": "^2.0.0-alpha.8-1",
"@angular2-material/core": "^2.0.0-alpha.8-1",
"@angular2-material/icon": "^2.0.0-alpha.8-1",
"@angular2-material/input": "^2.0.0-alpha.8-1",
"@angular2-material/menu": "^2.0.0-alpha.8-1",
"@angular2-material/slider": "^2.0.0-alpha.8-1",
"@angular2-material/toolbar": "^2.0.0-alpha.8-1",
"typings": "^1.3.3",

OSX 10.11.5 tsc -v 1.8.10 node -v 5.11.1 npm -v 3.8.6

TS Config: { “compilerOptions”: { “target”: “es5”, “module”: “commonjs”, “moduleResolution”: “node”, “sourceMap”: true, “emitDecoratorMetadata”: true, “experimentalDecorators”: true, “removeComments”: false, “noImplicitAny”: false,

"suppressImplicitAnyIndexErrors": true

}, “exclude”: [ “node_modules” ] }

[kiwikern]

Had the same problem. Material seems to depend on typescript 2.0.0 now due to the usage of the readonly property. I could resolve the errors just by using “typescript”: “^2.0.0”.

[rspenc29]

I was able to fix the issue by changing typescript to "typescript": "^2.0.0" in package.json and passing typescript as a parameter in the gulpfile as instructed here.

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

or since I’m using laravel with elixir-typescript I pass the parameters to elixir-typescript which passes it on to gulp-typescript

mix.typescript('/**/*.ts', 'public/dist', {
    typescript: require('typescript')
});

I also had to update my systemjs config and ngModule imports as instructed here.

After that it compiled no problem.