components: 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” ] }

About this issue

Original URL
State: closed
Created 8 years ago
Comments: 21

Most upvoted comments

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”.

+11

kiwikern on Sep 3, 2016

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.

rspenc29 on Sep 5, 2016

error

Two days I am trying to fix this error but still not fixed. kindly help me.

vrajaBE on Dec 15, 2017

@SamiAl90 I solved my issues by opening in a text editor the yourProject.csproj file and changing the line <TypeScriptToolsVersion>1.8</TypeScriptToolsVersion> to <TypeScriptToolsVersion>2.0</TypeScriptToolsVersion> .

Fasterluke on Sep 26, 2016

@SamiAl90 For Visual Studio, you should download latest version of TypeScript.

To start using the latest RC, you can download TypeScript 2.0 RC for Visual Studio 2015 (requires VS Update 3) from the below link:

http://download.microsoft.com/download/6/D/8/6D8381B0-03C1-4BD2-AE65-30FF0A4C62DA/TS2.0.2-TS-release20-nightly-20160828.1/TypeScript_Dev14Full.exe

Before proceeding with installation, close VS, and restart computer after installation to avoid any errors.

If you are using Gulp-TypeScript.

gulp-typescript uses TypeScript 1.8 by default, to use latest version of TypeScript follow below instructions:

Open command prompt and move to your project directory. Then install TypeScript RC using below command:

npm install -g typescript@rc

Then in your gulp file update your typescript compilation task and pass typescript version:

gulp.task('CompileTS', () => {
    var tsProject = tsc.createProject('app/tsconfig.json', **{ typescript: require('typescript') }**),
        tsResult = tsProject.src()
            .pipe(tsc(tsProject));

    return tsResult.js
        .pipe(gulp.dest('content/'));
});

naveedahmed1 on Sep 5, 2016