Angular 5 不适用于 IE9

Question

enter image description here我有在 IE11 上运行良好的 Angular 应用程序， 但是当我在 IE9 上运行它时，我得到了以下错误

可观察到的错误：错误：访问被拒绝。

SCRIPT438：对象不支持属性或方法“应用” localhost:4200，第 1 行字符 1

以下失败

const headers = new Headers({ 'Content-Type': 'text/xml',
    'cache-control': 'no-cache',
    'Access-Control-Allow-Methods':'POST, GET, OPTIONS',
    'Access-Control-Allow-Origin':'*'});
    let RetCaseNumner=''
    const options = new RequestOptions({ headers: headers });

    return this.http.post(this.url, this.jsonBody, options)
            .map((res: Response) => {           
            let ret =JSON.parse(res.text())
            let ResponseBody =   ret.EventMessageResponse.Response.ResponseBody
            xml2js.parseString(ResponseBody,function(err, result){
                RetCaseNumner =result.Result.CaseNumber[0]
                return RetCaseNumner;
            });
            return RetCaseNumner
        })
    .do(data => console.log('Inside do Case Number: ' + (data)))
    .catch(this.handleError);

这是我的 pollyfills.ts

// This file includes polyfills needed by Angular and is loaded before the app.
// You can add your own extra polyfills to this file.
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';
//This get rid of SCRIPT438: Object doesn't support property or method 'apply'
import 'core-js/es7/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/weak-set';
import 'core-js/es6/typed';
import 'core-js/es6/set';

import 'core-js/es6/reflect';

import 'core-js/es7/reflect';
(window as any).__Zone_enable_cross_context_check = true;

import 'zone.js/dist/zone';
import 'zone.js/dist/long-stack-trace-zone';
// If you need to support the browsers/features below, uncomment the import
// and run `npm install import-name-here';
// Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html

// Needed for: IE9
// import 'classlist.js';

// Animations
// Needed for: All but Chrome and Firefox, Not supported in IE9
// import 'web-animations-js';

// Date, currency, decimal and percent pipes
// Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
// import 'intl';
// import 'intl/locale-data/jsonp/en';

// NgClass on SVG elements
// Needed for: IE10, IE11
 import 'classlist.js';



/**
 * rxjs
 */
import 'rxjs/bundles/Rx';
import 'rxjs/add/observable/interval';
import 'rxjs/add/observable/merge';
import 'rxjs/add/observable/of';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/takeUntil';
import 'rxjs/add/operator/throttleTime';
import 'rxjs/add/operator/timeInterval';
import 'rxjs/add/operator/toPromise';

//This get rid of SCRIPT438: Object doesn't support property or method 'apply'
// import '@angular/core/bundles/core.umd';
import '@angular/common/bundles/common.umd';
import '@angular/compiler/bundles/compiler.umd';
import '@angular/platform-browser/bundles/platform-browser.umd';
import '@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd'
import 'ie9-oninput-polyfill';
import 'angular-polyfills/dist/blob';
import 'angular-polyfills/dist/classlist';
import 'angular-polyfills/dist/formdata';
import 'angular-polyfills/dist/intl';
import 'angular-polyfills/dist/shim';
import 'angular-polyfills/dist/typedarray';
import 'console-polyfill';

我做错了什么？ 我错过了什么吗？

Answer 1

IE

据说 IE 10 支持 CORS，但在我的情况下它仍然抛出错误。我试图实现一些 xdomain 解决方案，但我也无法让它工作。 IE 太麻烦了。

我建议不要支持 IE，因为 MS 似乎无论如何都放弃了它。由于我在任何地方都没有看到任何优雅的做法，因此我将继续将我的解决方法放在这里：

您可以使用 apache 检测 Internet Explorer

<IfModule mod_rewrite.c>
    RewriteEngine on

    RewriteCond %{HTTP_USER_AGENT} .*MSIE.*
    RewriteCond %{REQUEST_URI} !\.(css)$
    RewriteRule ^(.*) ie.html

</IfModule>

为了确保该文件包含在构建中，请确保将其添加到 .angular-cli.json 中的资产块中：

... 
"apps": [
{
  ...
  "assets": [
    ...
    "ie.html"
  ],