angular-cli: Serve errors with TypeScript 2.0.2

OS

Ubuntu 14.04

Versions

angular-cli: 1.0.0-beta.11-webpack.8
node: 6.5.0
os: linux x64

Repro steps.

Create fresh project with webpack.8 or update existed. There will be "typescript": "^2.0.0" dependency in package.json.

The log given by the failure.

ERROR in [default] 
Cannot find global type 'Array'.

ERROR in [default] 
Cannot find global type 'Boolean'.

ERROR in [default] 
Cannot find global type 'Function'.

ERROR in [default] 
Cannot find global type 'IArguments'.

ERROR in [default] 
Cannot find global type 'Number'.

ERROR in [default] 
Cannot find global type 'Object'.

ERROR in [default] 
Cannot find global type 'RegExp'.

ERROR in [default] 
Cannot find global type 'String'.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/@angular/common/src/directives/ng_class.d.ts:81:33 
Cannot find name 'Set'.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/@angular/common/src/directives/ng_if.d.ts:37:76 
Cannot find name 'Object'.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/@angular/common/src/directives/ng_plural.d.ts:78:53 
Cannot find name 'Object'.

...

Multiple "Cannot find name" errors in @angular and rjxs files here.

...

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:17:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.core.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:18:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.collection.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:19:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.generator.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:20:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.iterable.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:21:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.promise.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:22:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.proxy.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:23:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.reflect.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:24:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.symbol.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:25:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts' not found.

ERROR in [default] /home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es2015.d.ts:26:0 
File '/home/valeryvs/Git/angular-cli-test-3/node_modules/typescript/lib/lib.es5.d.ts' not found.

Workaround

Lock TypeScript version at 2.0.0 in package.json.

-"typescript": "^2.0.0"
+"typescript": "2.0.0"

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Reactions: 9
  • Comments: 17 (3 by maintainers)

Most upvoted comments

Very weird issue. Whenever I scaffold a new project with angular-cli: 1.0.0-beta.11-webpack.8 and try to build the project for the first time, I get a list of errors. My workaround was simply to uninstall / install typescript@beta and the project builds fine: npm uninstall --save-dev typescript npm install --save-dev typescript@beta ng build Asciinema record

we probably need to wait with updating until angular-cli team fixes that fortunately RC6 isn’t as revolutionary as RC5, it’s mostly cleanup so waiting a couple days (hopefully) won’t change much

I concur with @CalvinDale, I, also, could not get the process @SeekingMonkey described to work, but @emyann’s worked like a charm.

I followed the process outlined by @SeekingMonkey. ng serve still threw the same list of exceptions. Then I tried @emyann’s process and it started working.

Check out dematic-rodrigo-silveira’s post on https://github.com/angular/angular-cli/issues/1919. I will summarize below. Huge thanks to dematic-rodrigo-silveira! I was tearing my hair out about this one.

For a new project, there are a few steps:

Update Node to 6.5 and npm to 3.10.3

  • You can check your versions with node -v and npm -v respectively.
  • These can be both be updated from the nodejs.org download site. The installer installs both of them. https://nodejs.org/en/download/current/

Update Typescript to 2.0+

  • check with tsc -v
  • npm install typescript@next will update you to 2.1.0

Follow the README’s instructions on installing the new cli

  • npm uninstall -g angular-cli
  • npm install -g angular-cli@webpack
  • npm new projectname Creates your new project
  • cd projectname moves you into the newly created directory

Modify project dependencies

  • Open package.json from your apps root directory
  • Under “devDependancies”, locate “typescript”.
  • Change “^2.0.0” to “2.0.0”. This locks yourproject at typescript 2.0.0 instead of 2.1.0.
  • Save

ng serve app works! ng init npm install --save-dev angular-cli@webpack to set the correct cli

Once this is complete, you should be able to serve and test without issues. I am loving the new cli.

Thank you to the CLI team! Happy coding!