Angular: Can’t find Promise, Map, Set and Iterator

by

Angular 5 with Typescript ^2.0.0

This should also work the same with earlier versions of Angular 2+.

To get this to work with typescript 2.0.0, I did the following.

npm install --save-dev @types/core-js

tsconfig.json

 "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "mapRoot": "./",
    "module": "es6",
    "moduleResolution": "node",
    "noEmitOnError": true,
    "noImplicitAny": false,
    "outDir": "../dist/out-tsc",
    "sourceMap": true,
    "target": "es5",
    "typeRoots": [
      "../node_modules/@types"
    ],
    "types": [
      "core-js"
    ]
  }

More about @types with typescript 2.0.0.

  1. https://blogs.msdn.microsoft.com/typescript/2016/06/15/the-future-of-declaration-files/
  2. https://www.npmjs.com/~types

Install Example:

npm install --save-dev @types/core-js

Duplicate Identifier errors

This is most likely because duplicate ecmascript 6 typings are already being imported from somewhere else most likely an old es6-shim.

Double check typings.d.ts make sure there are no references to es6. Remove any reference to es6 from your typings directory if you have one.

For Example:

This will conflict with types:['core-js'] in typings.json.

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160602141332" 
    // es6-shim will also conflict
  }
}

Including core-js in the types array in tsconfig.json should be the only place it is imported from.

Angular CLI 1.0.0-beta.30

If you are using the Angular-CLI, remove the lib array in typings.json. This seems to conflict with declaring core-js in types.

"compilerOptions" : {
  ...
  // removed "lib": ["es6", dom"],
  ...
},
"types" : ["core-js"]

Webstorm/Intellij Users using the Angular CLI

Make sure the built in typescript compiler is disabled. This will conflict with the CLI. To compile your typescript with the CLI you can setup a ng serve configuration.

enter image description here

Tsconfig compilerOptions lib vs types

If you prefer not to install core js type definitions there are some es6 libraries that come included with typescript. Those are used via the lib: [] property in tsconfig.

See here for example: https://www.typescriptlang.org/docs/handbook/compiler-options.html

Note: If –lib is not specified a default library is injected. The
default library injected is: ► For –target ES5: DOM,ES5,ScriptHost ►
For –target ES6: DOM,ES6,DOM.Iterable,ScriptHost

tl;dr

Short answer either "lib": [ "es6", "dom" ] or "types": ["core-js"] can be used to resolve can't find Promise,Map, Set and Iterator. Using both however will cause duplicate identifier errors.

More Related Contents:

  1. How do I return the response from an Observable/http/async call in angular?
  2. How to load external scripts dynamically in Angular?
  3. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  4. Angular 2 Sibling Component Communication
  5. JS : Convert Array of Strings to Array of Objects
  6. Angular 4.3.3 HttpClient : How get value from the header of a response?
  7. Angular 2 router event listener
  8. In Angular, how do you determine the active route?
  9. Angular2 component’s “this” is undefined when executing callback function
  10. Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]
  11. Load existing components dynamically Angular 2 Final Release
  12. Angular 5 Scroll to top on every Route click
  13. How to handle window scroll event in Angular 4?
  14. Prevent IE11 caching GET call in Angular 2
  15. Nested arrays in Angular 2 reactive forms?
  16. Call a function on click event in Angular 2
  17. Angular 4 Filter Search Custom Pipe
  18. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  19. Angular 2 typescript invoke javascript function
  20. How to Pass data from child to parent component Angular
  21. Angular2 too many file requests on load
  22. Generate dynamic css based on variables angular
  23. Angular 6: ERROR TypeError: “… is not a function” – but it is
  24. Angular interceptor exclude specific urls
  25. Angular 8 – Lazy loading modules : Error TS1323: Dynamic import is only supported when ‘–module’ flag is ‘commonjs’ or ‘esNext’
  26. How to iterate using ngFor loop Map containing key as string and values as map iteration
  27. Plain Javascript as Angular 2 service
  28. How to check empty object in angular 2 template using *ngIf
  29. Google Sign-In for Websites and Angular 2 using Typescript
  30. Filter Array in Array by date between 2 dates

Leave a Comment