Landing Page Will Not Load in IE11

[fountainjs]

Landing Page Will Not Load in IE11

[getglad]

Okay - this works if I manually add es6-shim to the index.html file - https://github.com/paulmillr/es6-shim

Is there something in the webpack files that would keep the builder from adding in the NPM version?

[micaelmbagira]

Does it happen when you run gulp serve or gulp build ? Could you send me the console log that you get ?

[getglad]

It's happening on both

Below is output of console for both gulp serve and gulp build. This was done on a clean install, other than also running npm install es6-shim -S

C:\Users\location_of_project>gulp serve
[08:19:10] Loading C:\Users\location_of_project\gulp_tasks\browsersync.js
[08:19:10] Loading C:\Users\location_of_project\gulp_tasks\karma.js
[08:19:11] Loading C:\Users\location_of_project\gulp_tasks\misc.js
[08:19:11] Loading C:\Users\location_of_project\gulp_tasks\webpack.js
[08:19:12] Using gulpfile ~\location_of_project\gulpfile.js
[08:19:12] Starting 'serve'...
[08:19:12] Starting 'webpack:watch'...
ts-loader: Using [email protected] and C:\Users\location_of_project\conf\ts.conf.json
[08:19:22] Time: 9923ms
     Asset       Size  Chunks             Chunk Names
  index.js    7.76 MB       0  [emitted]  main
index.html  427 bytes          [emitted]
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  1.36 MB       0
[08:19:22] Finished 'webpack:watch' after 9.97 s
[08:19:22] Starting 'watch'...
[08:19:22] Finished 'watch' after 147 ms
[08:19:22] Starting 'browsersync'...
[08:19:22] Finished 'browsersync' after 32 ms
[08:19:22] Finished 'serve' after 10 s
[BS] Access URLs:
 --------------------------------------
       Local: http://localhost:3000
    External: http://10.223.199.23:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://10.223.199.23:3001
 --------------------------------------
[BS] Serving files from: .tmp
[BS] Serving files from: src

C:\Users\location_of_project>gulp build
[08:22:55] Loading C:\Users\location_of_project\gulp_tasks\b
rowsersync.js
[08:22:55] Loading C:\Users\location_of_project\gulp_tasks\k
arma.js
[08:22:55] Loading C:\Users\location_of_project\gulp_tasks\m
isc.js
[08:22:55] Loading C:\Users\location_of_project\gulp_tasks\w
ebpack.js
[08:22:56] Using gulpfile ~\projects\test_groups\gulpfile.js
[08:22:56] Starting 'build'...
[08:22:56] Starting 'other'...
[08:22:56] Starting 'webpack:dist'...
ts-loader: Using [email protected] and C:\Users\location_of_project\conf\ts.conf.json
[08:23:04] Finished 'other' after 7.62 s
[08:23:16] Time: 19820ms
                        Asset       Size  Chunks             Chunk Names
index-8a7bd523ab933d341764.js    1.16 MB       0  [emitted]  main
                   index.html  448 bytes          [emitted]


WARNING in index-8a7bd523ab933d341764.js from UglifyJs
Side effects in initialization of unused variable TypeModifier [./~/@angular/compiler/src/output/output_ast.js:12,0]
Side effects in initialization of unused variable BuiltinMethod [./~/@angular/compiler/src/output/output_ast.js:268,0]
Side effects in initialization of unused variable StmtModifier [./~/@angular/compiler/src/output/output_ast.js:502,0]
Side effects in initialization of unused variable freeExports [./~/rxjs/util/root.js:12,0]
Side effects in initialization of unused variable freeModule [./~/rxjs/util/root.js:13,0]
Side effects in initialization of unused variable ProviderAstType [./~/@angular/compiler/src/template_ast.js:224,0]
Side effects in initialization of unused variable PropertyBindingType [./~/@angular/compiler/src/template_ast.js:261,0]
Side effects in initialization of unused variable RequestMethod [./~/@angular/http/src/enums.js:14,0
Side effects in initialization of unused variable ReadyState [./~/@angular/http/src/enums.js:28,0]
Side effects in initialization of unused variable ResponseType [./~/@angular/http/src/enums.js:40,0]
Dropping unused function forEach [./~/readable-stream/lib/_stream_duplex.js:71,0]
Non-strict equality against boolean: != true [./~/@angular/compiler/src/html_tags.js:295,0]
Side effects in initialization of unused variable ViewType [./~/@angular/core/src/linker/view_type.js:13,0]
Side effects in initialization of unused variable mod [./~/browserify-rsa/index.js:16,0]
Dropping unused variable __unused [./~/@angular/common/src/pipes/async_pipe.js:28,0]
Side effects in initialization of unused variable OPERATORS [./~/@angular/compiler/src/expression_parser/lexer.js:422,0]
Dropping unused variable __unused [./~/@angular/core/src/di/reflective_injector.js:9,0]
Side effects in initialization of unused variable SecurityContext [./~/@angular/core/src/security.js:17,0]
Side effects in initialization of unused variable SIXTEEN [./~/diffie-hellman/lib/generatePrime.js:12,0]
Side effects in initialization of unused variable EIGHT [./~/diffie-hellman/lib/generatePrime.js:13,0]
Side effects in initialization of unused variable SEVEN [./~/diffie-hellman/lib/generatePrime.js:16,0]
Side effects in initialization of unused variable TWELVE [./~/diffie-hellman/lib/generatePrime.js:19,0]
Dropping unused variable cacheSentinel [./~/reflect-metadata/Reflect.js:809,0]
Condition always false [./~/style-loader!./~/css-loader!./~/sass-loader!./~/postcss-loader!./src/index.scss:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/sass-loader!./~/postcss-loader!./src/index.scss:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/sass-loader!./~/postcss-loader!./src/index.scss:7,0]
Condition left of || always false [./~/zone.js/dist/zone.js:600,40]
Condition left of || always false [./~/zone.js/dist/zone.js:601,39]
Dropping side-effect-free statement [./~/zone.js/dist/zone.js:629,0]
Side effects in initialization of unused variable Zone [./~/zone.js/dist/zone.js:152,0]
Dropping unused variable $FF [./~/@angular/compiler/src/html_lexer.js:69,0]
Dropping unused variable $$ [./~/@angular/compiler/src/html_lexer.js:75,0]
Dropping unused variable $QUESTION [./~/@angular/compiler/src/html_lexer.js:87,0]
Dropping unused variable EVENT [./~/@angular/compiler/src/schema/dom_element_schema_registry.js:12,0]
Dropping unused variable __unused [./~/@angular/core/src/application_common_providers.js:8,0]
Dropping unused variable __unused [./~/@angular/core/src/platform_common_providers.js:10,0]
Dropping unused variable hmac [./~/hash.js/lib/hash/hmac.js:1,0]
Side effects in initialization of unused variable n [./~/public-encrypt/privateDecrypt.js:44,0]
Side effects in initialization of unused variable mLen [./~/public-encrypt/privateDecrypt.js:46,0]
Dropping unused variable hLen2 [./~/public-encrypt/privateDecrypt.js:49,0]
Side effects in initialization of unused variable p2 [./~/public-encrypt/privateecrypt.js:81,0]
Dropping unused variable constants [./~/public-encrypt/publicEncrypt.js:10,0]
Condition always true [./src/index.ts:15,4]
Child html-webpack-plugin for "index.html":
         Asset    Size  Chunks       Chunk Names
    index.html  535 kB       0
[08:23:16] Finished 'webpack:dist' after 20 s
[08:23:16] Finished 'build' after 20 s

[getglad]

Also FWIW - the ng2 cli includes es6-shim by default - seems like fountain should probably do so as well.

[micaelmbagira]

So I guess SCRIPT438: Object doesn't support property or method 'keys' was in IE console, right ?

[getglad]

Oh yup - sorry that wasn't clear

[zckrs]

@getglad can you check if your IE is not in compatible mode IE8 ?

[getglad]

Without es6-shim manually added:

With es6-shim manually added:

[getglad]

👍 :