angularAMD.bootstrap（app）行在IE10 IE11瀏覽器中引發異常，但在Google Chrome中有效

Question

我正在嘗試使用angularAMD實現延遲加載

請點擊以在IE瀏覽器中復制

這是我的代碼。 請幫我...

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

該問題是由於IE拒絕加載JS引起的，除非正確設置了mime類型。 如果檢查IE Developer Tool控制台，將看到錯誤：

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

使用的示例代碼是從raw.github.com加載JS，該JS以text/html而不是text/javascript形式返回文件。 解決方案只是在本地重新創建文件。 看到：

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