Angular Can t find Promise Map Set and Iterator

Question

After installing Angular  the Typescript compiler keep getting some errors about not finding Promise  Map  Set and Iterator   Until now I ignored them but now I need Promise so my code can work   import  Component  from  angular2 core    Component       selector   greeting-cmp       template    lt div gt    asyncGreeting   async   lt  div gt      export class GreetingCmp       asyncGreeting  Promise lt string gt    new Promise resolve   gt       after 1 second  the promise will resolve         window setTimeout      gt  resolve  hello    1000              Additional information  npm -v is 2 14 12 node -v is v4 3 1 typescript v is 1 6   The errors                   ERROS OF MY CODE                      C  Users armyTik Desktop angular2 greeting cmp ts     Error  7  20  TS2304  Cannot find name  Promise       Error  7  42  TS2304  Cannot find name  Promise                                                     C  Users armyTik Desktop angular2 node modules angular2 platform browser d ts     Error  77  90  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules angular2 src core application ref d ts     Error  83  60  TS2304  Cannot find name  Promise       Error  83  146  TS2304  Cannot find name  Promise       Error  96  51  TS2304  Cannot find name  Promise       Error  96  147  TS2304  Cannot find name  Promise       Error  133  90  TS2304  Cannot find name  Promise       Error  171  81  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules angular2 src core change detection parser locals d ts     Error  3  14  TS2304  Cannot find name  Map       Error  4  42  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules angular2 src core debug debug node d ts     Error  14  13  TS2304  Cannot find name  Map       Error  24  17  TS2304  Cannot find name  Map       Error  25  17  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules angular2 src core di provider d ts     Error  436  103  TS2304  Cannot find name  Map       Error  436  135  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules angular2 src core linker compiler d ts     Error  12  50  TS2304  Cannot find name  Promise       Error  16  41  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules angular2 src core linker dynamic component loader d ts     Error  108  136  TS2304  Cannot find name  Promise       Error  156  150  TS2304  Cannot find name  Promise       Error  197  128  TS2304  Cannot find name  Promise       Error  203  127  TS2304  Cannot find name  Promise       Error  204  141  TS2304  Cannot find name  Promise       Error  205  119  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules angular2 src core render api d ts     Error  13  13  TS2304  Cannot find name  Map       Error  14  84  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules angular2 src facade async d ts     Error  27  33  TS2304  Cannot find name  Promise       Error  28  45  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules angular2 src facade collection d ts     Error  1  25  TS2304  Cannot find name  MapConstructor       Error  2  25  TS2304  Cannot find name  SetConstructor       Error  4  27  TS2304  Cannot find name  Map       Error  4  39  TS2304  Cannot find name  Map       Error  7  9  TS2304  Cannot find name  Map       Error  8  30  TS2304  Cannot find name  Map       Error  11  43  TS2304  Cannot find name  Map       Error  12  27  TS2304  Cannot find name  Map       Error  14  23  TS2304  Cannot find name  Map       Error  15  25  TS2304  Cannot find name  Map       Error  95  41  TS2304  Cannot find name  Set       Error  96  22  TS2304  Cannot find name  Set       Error  97  25  TS2304  Cannot find name  Set       C  Users armyTik Desktop angular2 node modules angular2 src facade lang d ts     Error  13  17  TS2304  Cannot find name  Map       Error  14  17  TS2304  Cannot find name  Set       Error  78  59  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules angular2 src facade promise d ts     Error  2  14  TS2304  Cannot find name  Promise       Error  7  32  TS2304  Cannot find name  Promise       Error  8  38  TS2304  Cannot find name  Promise       Error  9  35  TS2304  Cannot find name  Promise       Error  9  93  TS2304  Cannot find name  Promise       Error  10  34  TS2304  Cannot find name  Promise       Error  11  32  TS2304  Cannot find name  Promise       Error  11  149  TS2304  Cannot find name  Promise       Error  12  43  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules angular2 src http headers d ts     Error  43  59  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules angular2 src http url search params d ts     Error  11  16  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules angular2 src platform browser browser adapter d ts     Error  75  33  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules angular2 src platform dom dom adapter d ts     Error  85  42  TS2304  Cannot find name  Map       C  Users armyTik Desktop angular2 node modules rxjs CoreOperators d ts     Error  35  67  TS2304  Cannot find name  Promise       Error  50  66  TS2304  Cannot find name  Promise       Error  89  67  TS2304  Cannot find name  Promise       Error  94  38  TS2304  Cannot find name  Promise       Error  94  50  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules rxjs Observable d ts     Error  46  62  TS2304  Cannot find name  Promise       Error  47  42  TS2304  Cannot find name  Iterator       Error  103  74  TS2304  Cannot find name  Promise       Error  103  84  TS2304  Cannot find name  Promise       Error  143  66  TS2304  Cannot find name  Promise       Error  158  65  TS2304  Cannot find name  Promise       Error  201  66  TS2304  Cannot find name  Promise       Error  206  38  TS2304  Cannot find name  Promise       Error  206  50  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules rxjs observable ForkJoinObservable d ts     Error  6  50  TS2304  Cannot find name  Promise       Error  7  58  TS2304  Cannot find name  Promise       C  Users armyTik Desktop angular2 node modules rxjs observable FromObservable d ts     Error  7  38  TS2304  Cannot find name  Promise       Error  7  51  TS2304  Cannot find name  Iterator       C  Users armyTik Desktop angular2 node modules rxjs observable PromiseObservable d ts     Error  9  31  TS2304  Cannot find name  Promise       Error  10  26  TS2304  Cannot find name  Promise

User · Answer

I managed to fix this issue without having to add any triple-slash reference to the TS bootstrap file, change to ES6 (which brings a bunch of issues, just as @DatBoi said) update VS2015's NodeJS and/or NPM bundled builds or install typings globally.

Here's what I did in few steps:

added typings in the project's package.json file.
added a script block in the package.json file to execute/update typings after each NPM action.
added a typings.json file in the project's root folder containing a reference to core-js, which is one of the best shim/polyfill packages out there at the moment to fix ES5/ES6 issues.

Here's how the package.json file should look like (relevant lines only):

{
  "version": "1.0.0",
  "name": "YourProject",
  "private": true,
  "dependencies": {
    ...
    "typings": "^1.3.2",
    ...
  },
  "devDependencies": {
    ...
  },
  "scripts": {
      "postinstall": "typings install"
  }
}

And here's the typings.json file:

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160602141332",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#6.0.0+20160621231320"
  }
}

(Jasmine and Node are not required, but I suggest to keep them in case you'll need to in the future).

This fix is working fine with Angular2 RC1 to RC4, which is what I needed, but I think it will also fix similar issues with other ES6-enabled library packages as well.

AFAIK, I think this is the cleanest possible way of fixing it without messing up the VS2015 default settings.

For more info and a detailed analysis of the issue, I also suggest to read this post on my blog.

User · Answer

I got the same issue  and able to find it in github https   github com angular angular-cli issues 1901  which state that it was an issue with typescript 2 0 2   Downgrade typescript to 2 0 0 both globally and locally helped me to resolve it   Globally   npm uninstall typescript -g npm cache clean npm install typescript 2 0 0 -g   Locally  GO into the project folder you created by ng new  npm uninstall typescript npm cache clean npm install typescript 2 0 0   I also changed the version of typescript within package json from  2 0 0 to 2 0 0  but it didn t work until I downgrade the local typescript installation

User · Answer

I noticed these problems showing up after upgrading from Angular 5 to Angular 6  I was able to fix this by doing the following in VS2017    Ensure the TypeScript SDK was installed  via the Visual Studio Installer  for my particular version of TypeScript  2 9 Ensure that the Module System project property is set to match that in my tsconfig json  ES2015  This is often automatically in sync if the tsconfig file is in the root of the project  However  since I was using the VS Angular template  it places these files in a  ClientApp  subfolder  and the Module System project property was not set      tsconfig json        compileOnSave   false     compilerOptions          outDir      dist out-tsc        sourceMap   true       declaration   false       moduleResolution    node        emitDecoratorMetadata   true       experimentalDecorators   true       target    es5        lib            es2017          dom              module    es2015        baseUrl

User · Answer

Another Possible solution is to reinstall typings  This works for me for  angular2    2 0 0-beta 15      npm clean cache npm install npm install -g typings Delete typings directory from project  Directory wwhere typings modules are installed  typings install npm run

User · Answer

If using Angular2 RC1 with typings v1 0  use the command   typings install dt core-js --save --global   to install the core-js definition and then reference your global index in your main ts        lt reference path           typings index d ts    gt    If using es6-shim or some other shim library  install typings for that instead  Refer to https   github com typings typings issues 517

User · Answer

If you came here because you see these errors in Visual Studio 2017 then you have a different problem as above  if you succeed in compiling  This is because the language service doesn t pick your tsconfig json   https   developercommunity visualstudio com content problem 208941 vs-156-ignores-tsconfigjson-and-typescriptcompileb html  You have to set the Build Action of your tsconfig json to  Content  Right click -  Properties   then VS will pick it up

User · Answer

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    https   blogs msdn microsoft com typescript 2016 06 15 the-future-of-declaration-files  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     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

User · Answer

I also have the same problem-- Promise not found --when the code wants to create a Promise object   Tried some solution found on stackoverflow  including the one to take out  System config          to form system js and have it included in index html   Finally I solved the problem  The issue is that  in index html  es6-shim min js is included  However  in tsconfig json  the  target  property under  compilerOptions  has the value of  es5   After I changed it to  es6   error is gone

User · Answer

Since Angular 2 went to RC 0   angular2 typings browser d ts is no longer part of the Angular 2 distribution  The file can be installed separately    From here  https   github com angular angular issues 8513 there are a few options  The one that worked for me was   typings install es6-shim --ambient --save     In your app ts      lt reference path  typings browser d ts    gt

User · Answer

This is what worked for me   check if there exists a typings json file       It looks something like this        globalDependencies          core-js    registry dt core-js 0 0 0 20160317120654        jasmine    registry dt jasmine 2 2 0 20160505161446        node    registry dt node 6 0 0 20160613154055           Install typings package globally   sudo npm install -g typings   after installing typings  run  typings install   then restart the server

User · Answer

I found the reference in boot ts wasn t the correct path  Updating that path to      lt reference path   gt          node modules angular2 typings browser d ts    gt  resolved the Promise errors

User · Answer

When having Typescript    2 the  lib  option in tsconfig json will do the job  No need for Typings  https   www typescriptlang org docs handbook compiler-options html         compilerOptions              target    es5            lib     es2016    dom     or es6 instead of es2016 es7

User · Answer

I had a same problem when creating a promise object inside my class  By changing target name to  es5  from  es6  solved my issue

User · Answer

I had similar issue where it was not recognizing Promise resolve   method  I changed  target  value from ES5 to ES6 in tsconfig json  That solved the problem   Hope this helps

User · Answer

Angular 2 Final  - es5 support  Works perfectly with TS 2 0 0     Per update es6-shim isn t supported now  if you have both typings installed together es6-shim  amp  core-js together  Remove es6-shim typing by mentioning in tsconfig json  You could now refer below core-js typing for es5 support inside main ts      lt reference path       typings globals core-js index d ts   gt    tsconfig json  exclude        node modules      lt -- this would be needed in case of VS2015     node modules  typings       typings      - es6 suppport  You just need to set  target  property to es6  then all will error go away  And the transpiled code will be in es6 format

User · Answer

Updated as of angular-2 0 0-rc 4  TLDR    Transpile to es6   error goes away  w  some gotchas    Transpile to es5     install typings  install the es6 shim make sure it compiles with your code  error goes away     For the readers   Option 1  Transpile to es6 or es2015  tsconfig json        compilerOptions          target    es6        module    system        moduleResolution    node                  exclude          node modules        jspm packages          Keep in mind uglifyjs does not support es6 at the moment   This could affect you making production bundles   Option 2  Transpile to es5  install typings  and then install the es6-shim   tsconfig json        compilerOptions          target    es5        module    system        moduleResolution    node                    exclude          node modules        jspm packages          Install typings  then install es6-shim   npm install typings --saveDev typings install dt es6-shim --global --save   If you go this route  you need to make sure that the typescript compiler can find the  d ts file     You have two options   a  Make sure your tsconfig json is at the same level as the typings folder   b  Include a reference in your main ts file where your angular2 application is bootstrapped   Option A   Make sure your tsconfig json is at the same level as the typings folder   Note  DO NOT use the exclude flag to exclude typings folder   project  -- src  -- node modules  -- package json  -- typings  -- tsconfig json   Option B   Reference in main file before bootstrap  Don t do this    As shown in other answers  this file is no longer included by Angular  main ts        lt reference path        typings globals es6-shim index d ts    gt

User · Answer

my file structure is as below   project   --node-modules       --angular2           --typings               --browser d ts   --src   --app ts   paste the below into the top of your app ts and your problem solved       lt reference path   gt          node modules angular2 typings browser d ts    gt

User · Answer

Another good solution  You need create a file typings json in root directory of project with content        globalDependencies          core-js    registry dt core-js 0 0 0 20160725163759        jasmine    registry dt jasmine 2 2 0 20160621224255        node    registry dt node 6 0 0 20160909174046          Then install global or local typings package  if it not installed  i am install it global    sudo npm install --global typings   In project root directory run command   typings install   After that problem is solved  Not needed to change tsconfig target to es6 or es7  Your web application do not support after that some old version of browsers

User · Answer

I am training with a angular2 tutorial hero   After installing  types core-js commented in theses answers  I got a  Duplicate identifier  error  In my case  it was solved as removing lib line in tsconfig json         lib      es2015    dom

[javascript] Angular: Can't find Promise, Map, Set and Iterator

Examples related to javascript

Examples related to angular

Examples related to typescript