2017-10-12 1 views
1

Dans mon cas, la page fonctionne très bien dans Firefox et navigateur Chrome, mais dans IE v.11, il montre une erreur comme error comes in IE 11 DEVELOPER TOOLS. L'erreur apparaît dans les outils de développement de l'IE 11. L'erreur ne permet pas d'ouvrir un lien perticular, en cliquant dessus, il montre l'erreur suivante.Erreur dans le navigateur IE 11 - EXCEPTION: Objet ne supporte pas la propriété ou la méthode 'correspond', autre navigateur fonctionne bien

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

Je pense que le fait que la fenêtre soit soulignée en rouge est indépendant de l'erreur que vous rencontrez. –

+0

Pouvez-vous poster une copie de votre config typographique, ainsi que les polyfills que vous utilisez? –

+0

@DerekBrown va certainement mettre à jour dans la description de la question. – stec1

Répondre

2

On dirait que IE met en œuvre les 0.123.fonction utilisant un nom non standard (source). Ce lien inclut un polyfill qui va définir la fonction matches afin qu'il puisse être utilisé sur IE.

+0

Donc dans polyfills.ts où devrais-je ajouter la fonction correspond – stec1

+0

Juste en dessous des importations de polyfill existantes devrait être bien. –

+0

pouvez-vous svp me faire savoir la syntaxe car il montre l'erreur ici comme «ne peut pas trouver l'élément». – stec1