La ligne angulaireAMD.bootstrap(app) lève une exception dans les navigateurs IE10 IE11 mais fonctionne dans Google Chrome

Question

J'essaie d'implémenter un chargement paresseux avec angulaireAMD

Plunker, veuillez cliquer pour reproduire dans le navigateur IE

Voici mon code.S'il vous plaît aidez-moi...

require.config({
  baseUrl: "js/scripts",

  // alias libraries paths.  Must set 'angular'
  paths: {
    'angular': '//ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min',
    'angular-route': '//ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-route.min',
    'angularAMD': '//raw.github.com/marcoslin/bower-angularAMD/v0.1.0/angularAMD.min',
    'ngload': '//raw.github.com/marcoslin/bower-angularAMD/v0.1.0/ngload.min',
    'restangular': '//cdn.jsdelivr.net/restangular/latest/restangular.min',
    'underscore': '//cdn.jsdelivr.net/underscorejs/1.5.2/underscore-min'
  },

  // Add angular modules that does not support AMD out of the box, put it in a shim
  shim: {
    'angularAMD': ['angular'],
    'angular-route': ['angular'],
    'restangular': ['angular', 'underscore']
  },

  // kick start application
  deps: ['app']
});

Answer 1

Le problème est dû au fait qu'IE refuse de charger JS à moins que le type MIME soit défini correctement.Si vous vérifiez votre IE Developer Tool console, vous verrez l'erreur :

SEC7112: Script from https://raw.github.com/marcoslin/bower-angularAMD/v0.1.0/angularAMD.min.js was blocked due to mime type mismatch

L'exemple de code utilisé charge JS à partir de raw.github.com qui renvoie le fichier comme text/html au lieu de text/javascript.La solution consiste simplement à recréer les fichiers localement.Voir:

http://plnkr.co/edit/lmLLiOSGRVxmzSWV0Oh4?p=preview