[Angular 5] Chargement page sous ie11

Bonsoir,

j'ai un problème, sous ie11, ma page ne charge pas, j'ai juste l'attente "veillez patienter",

d'ailleur si vous ie11 vous aller sur leur site: https://angular.io/

Avec la touche F12 vous avez l'erreur

Citation:

An error has occuredJSPlugin.3005

Si vous avez une idée ? ou qu'il faut attendre une autre mise à jours ?

merci d'avance de vos réponse :)

Parmi les pistes que je vois à vue de nez assures-toi :

- d'avoir importé les polyfills nécessaires à IE
- d'avoir mis à jour ton IE à sa dernière version
- du paramétrage de IE (attention aux modes de compatibilité qui peuvent donner des trucs bizarres à l'exécution)

Merci de ta réponse,

voici mon fichier polyfills.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
/**
 * This file includes polyfills needed by Angular and is loaded before the app.
 * You can add your own extra polyfills to this file.
 *
 * This file is divided into 2 sections:
 *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
 *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
 *      file.
 *
 * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
 * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
 * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
 *
 * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
 */
 
/***************************************************************************************************
 * BROWSER POLYFILLS
 */
 
/** 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/weak-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`.
 
/** IE10 and IE11 requires the following for the Reflect API. */
// import 'core-js/es6/reflect';
 
 
/** Evergreen browsers require these. **/
// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
import 'core-js/es7/reflect';
 
 
/**
 * Required to support Web Animations `@angular/platform-browser/animations`.
 * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
 **/
import 'web-animations-js';  // Run `npm install --save web-animations-js`.

j'avais fait ceci

Code:

1
2
 
import 'web-animations-js';  // Run `npm install --save web-animations-js`.

par contre il faut décommenter tout ça ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
/** 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/weak-map';
// import 'core-js/es6/set';

du paramétrage de IE (attention aux modes de compatibilité qui peuvent donner des trucs bizarres à l'exécution)

Pourquoi par défaut il ne les actives pas d'office ? ça perturberais beaucoup trop le développement ? car je pense qu'il y a encore beaucoup de client sous windows7 avec un ie ?

Edit,
voici mon nouveau fichier , j'ai tout décommenter:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
/** 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/weak-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`.
 
/** IE10 and IE11 requires the following for the Reflect API. */
import 'core-js/es6/reflect';
 
 
/** Evergreen browsers require these. **/
// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
import 'core-js/es7/reflect';
 
 
/**
 * Required to support Web Animations `@angular/platform-browser/animations`.
 * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
 **/
import 'web-animations-js';  // Run `npm install --save web-animations-js`.

j'ai du installer npm install --save classlist.js.
Cela n'a pas fonctionner , j'ai toujours une page blanche...

Oui il te faut dé-commenter les polyfills qui sont marqués comme nécessaires.

Citation:

Cela n'a pas fonctionner , j'ai toujours une page blanche...

Que dit la console ? Tu n'as aucune erreur ? Aucun message de warning ni de log ?

Que dit ton onglet network ? Tu importes bien tout comme il faut depuis ton index.html ? Tu es certain que ton browser récupère bien toutes les ressources nécessaires ?

Citation:

Pourquoi par défaut il ne les actives pas d'office ? ça perturberais beaucoup trop le développement ? car je pense qu'il y a encore beaucoup de client sous windows7 avec un ie ?

Ben parce que Windows 7 + IE est un environnement très minoritaire. Tu es dans l'exception pas dans la règle.

merci de la réponse :),

j'ai mise à jours angular cela réglé le pb ... :)