2017-10-12 22 views
1

在我的情况下,网页能正常工作在Firefox和Chrome浏览器,但在IE V.11它显示错误作为error comes in IE 11 DEVELOPER TOOLS。该错误显示在IE 11的开发工具中。该错误不允许打开一个特定的链接,点击它时会显示以下错误。错误IE浏览器11 - 例外:对象不支持属性或方法“匹配”,其他的浏览器,它工作正常

In all browser it runs fine but in IE 11 the following error pops up. any help.

polyfills.ts -

* 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/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 to support `@angular/animation`. */ 
import 'web-animations-js'; // Run `npm install --save web-animations-js`. 


/** Evergreen browsers require these. **/ 
import 'core-js/es6/reflect'; 
import 'core-js/es7/reflect'; 


/** ALL Firefox browsers require the following to support `@angular/animation`. **/ 
// import 'web-animations-js'; // Run `npm install --save web-animations-js`. 



/*************************************************************************************************** 
* Zone JS is required by Angular itself. 
*/ 
import 'zone.js/dist/zone'; // Included with Angular CLI. 



/*************************************************************************************************** 
* APPLICATION IMPORTS 
*/ 

/** 
* Date, currency, decimal and percent pipes. 
* Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 
*/ 
// import 'intl'; // Run `npm install --save intl`. 

tsconfig.spec.json -

"compilerOptions": { 
    "sourceMap": true, 
    "declaration": false, 
    "moduleResolution": "node", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ 
     "es2016" 
    ], 
    "outDir": "../out-tsc/spec", 
    "module": "commonjs", 
    "target": "es6", 
    "baseUrl": "", 
    "types": [ 
     "jasmine", 
     "node" 
    ] 
    }, 
    "files": [ 
    "test.ts" 
    ], 
    "include": [ 
    "**/*.spec.ts" 
    ] 
} 

tsconfig.json

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "sourceMap": true, 
    "declaration": false, 
    "moduleResolution": "node", 
    "emitDecoratorMetadata": true, 
    "target": "es5", 
    "experimentalDecorators": true, 
    "lib": [ 
     "es2015" 
    ] 
    } 
} 
+3

我认为窗口红色下划线的事实是独立的,你所遇到的错误。 –

+0

你可以发布您的打字稿配置的副本,以及您所使用的polyfills? –

+0

@DerekBrown肯定会在问题描述中更新。 – stec1

回答

2

它看起来像IE浏览器实现了matches功能使用非标准域名(source)。该链接包含一个polyfill,它将定义matches函数,因此可以在IE上使用它。

+0

所以在polyfills.ts我应该在哪里添加匹配功能 – stec1

+0

正好在现有的polyfill导入下方应该没问题。 –

+0

你能不能让我知道语法,因为它在这里显示错误为'找不到元素'。 – stec1

相关问题