Skip to content
This repository was archived by the owner on Apr 8, 2020. It is now read-only.
This repository was archived by the owner on Apr 8, 2020. It is now read-only.

Angular/Aurelia/React Template: IE9 Support #484

Closed

Description

@EduardTheThird

Hi

Currently using the latest version of the generator, 0.6.1, the Angular 2 Template is broken in IE9 due to the browser not supporting WeakMaps.

weakmap

I've noticed that previously an effort was made to fix IE9 issues, #172. Thinking a shim could maybe be added to improve legacy browser support? IE10 and up is working beautifully 👌

weakmap2

Activity

  1. SteveSandersonMS commented on Jan 2, 2017

    @SteveSandersonMS
    Member

    Also as per #504 we need to polyfill Object.assign for the Redux template.

  2. changed the title [-]Angular Template: IE9 Support[/-] [+]Angular/Aurelia Template: IE9 Support[/+] on Jan 16, 2017
  3. SteveSandersonMS commented on Jan 16, 2017

    @SteveSandersonMS
    Member

    Also as per #386, we need to polyfill Promise for the Aurelia template.

  4. HaraldMuehlhoffCC commented on Jan 31, 2017

    @HaraldMuehlhoffCC

    With regards to the Redux template ... I've just added

    import 'es5-shim';
    import 'es6-shim';
    
    

    to boot-client.tsx (and made npm installs of course).

  5. changed the title [-]Angular/Aurelia Template: IE9 Support[/-] [+]Angular/Aurelia/React Template: IE9 Support[/+] on Feb 21, 2017
  6. myolapais commented on Jun 20, 2017

    @myolapais

    Hi,

    Is there any update on this. Have been experiencing the same issue as #891 and #926.

  7. SteveSandersonMS commented on Jun 20, 2017

    @SteveSandersonMS
    Member

    Sorry but no. If there was an update it would be posted here already.

  8. myolapais commented on Jun 20, 2017

    @myolapais

    Hi Steve, Thank you for your response. Is there any chance on this getting fixed. We followed the guide on browser support and are more than half way through our project.

  9. MarkPieszak commented on Jun 21, 2017

    @MarkPieszak
    Contributor

    I can't speak for Aurelia and React as I'm not sure this fixes those, but for Angular you need these polyfills:

    /***************************************************************************************************
     * BROWSER POLY FILLS
     */
    
    /** IE9, IE10 and IE11 requires all of the following polyfills. **/
     import 'core-js/es6/symbol';
     import 'core-js/es6/object';
     import 'core-js/es6/function';
     import 'core-js/es6/parse-int';
     import 'core-js/es6/parse-float';
     import 'core-js/es6/number';
     import 'core-js/es6/math';
     import 'core-js/es6/string';
     import 'core-js/es6/date';
     import 'core-js/es6/array';
     import 'core-js/es6/regexp';
     import 'core-js/es6/map';
     import 'core-js/es6/set';
    
    /** IE10 and IE11 requires the following for NgClass support on SVG elements */
    // import 'classlist.js';  // Run `npm install --save classlist.js`.
    
    // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
    
    /** Evergreen browsers require these. **/
    import 'core-js/es6/reflect';
    import 'core-js/es7/reflect';
    
    /**
     * Date, currency, decimal and percent pipes.
     * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
     */
    // import 'intl';  // Run `npm install --save intl`.
  10. SteveSandersonMS commented on Feb 7, 2018

    @SteveSandersonMS
    Member

    IE polyfills is no longer something we'd control from the code in this repo (or the templating repo). Since we're now moving to use the standard project structures for each SPA framework (e.g., Angular CLI, create-react-app), the decision on whether or not to include polyfills would come from the SPA frameworks themselves.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions