Uncaught ReferenceError: global is not defined in latest Angular 6 RC

[richardsengers]

Do you want to request a feature or report a bug?
Feature / Bug

What is the current behavior?
A dependencies of Buffer.js is causing an error on global node variable.

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than AWS Amplify.
Create a new Angular cli 6 project and add AWS Cognito. Once you import aws-sdk or amazon-cognito-identity-js you'll get an error "Uncaught ReferenceError: global is not defined" from Buffer.js

What is the expected behavior?
Run an Angular 6 project without the dependency of the global node variable

I'm testing an Angular 6 app with AWS Cognito and noticed an error in my console.

"Uncaught ReferenceError: global is not defined"

After some research I came acros this comment from the Angular CLI team

angular/angular-cli#9827 (comment)

I think when Angular 6 is released, this is going to be an issue

[richardzcode]

@richardsengers thank you for reporting this! We are following the topic and will see what we can do in the mean time.

[glitchbane]

Not sure what the status of this is, since it is marked as closed but the latest version does not have a fix. #139 is referenced above, but 139 has a reference back to this issue. Please clarify?

[richardsengers]

Hi @glitchbane
139 is an issue from another repo (Angular quicksrtart) which is closed in favor of this issue. This issue is still open though.

[CihanSari]

Just for reference, I have passed through this issue with adding these lines on my index.html head:

<!-- https://github.com/aws/aws-amplify/issues/678 fix: -->
<script>
  if (global === undefined) {
    var global = window;
  }
</script>
<!-- https://github.com/aws/aws-amplify/issues/678 fix end-->

[pdkpavankumar]

@CihanSari The workaround you provided works 👍

[richardsengers]

I think for now the best option would be to include

(window as any).global = window;

In your polyfills.ts file, as mentioned here:
angular/angular-cli#9827 (comment)

[maxime1992]

In case anyone is having that problem after upgrading to Angular 6 and using cognito, I've written a SO answer that might help: https://stackoverflow.com/a/50377270/2398593

[mlabieniec]

We will add this to the polyfills within amplify