IE11 में कोणीय 2/4/5 काम नहीं कर रहा है

124

मैं यह जानने की कोशिश कर रहा हूं कि IE 11 में चलने के दौरान मेरा कोणीय 2 ऐप लोडिंग दिखाने पर क्यों अटका हुआ है।

किसी के सुझाव के बाद, मैंने इस प्लंकर की कोशिश की है, जिसे क्रोम और IE दोनों पर स्टैक ओवरफ्लो पर किसी ने पोस्ट किया है। क्रोम पर ठीक काम करता है, लेकिन IE 11 पर विफल रहता है। वही त्रुटि, "लोड हो रहा है ..." कहने पर अटक गई।

प्लंकर है: https://plnkr.co/edit/6zVFbrH5yohwc714gBbk?p=preview

<!DOCTYPE html>
<html>
  <head>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <title>Router Sample</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/angular2-polyfills.js"></script>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/Rx.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/angular2.dev.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/http.dev.js"></script>
    <script>
      System.config({
        transpiler: 'typescript', 
        typescriptOptions: { emitDecoratorMetadata: true }, 
        packages: {'src': {defaultExtension: 'ts'}} 
      });
      System.import('src/boot')
            .then(null, console.error.bind(console));
    </script>
  </head>

  <body>
    <my-app>loading...</my-app>
  </body>

</html>

किसी को भी आईई 11 को कोणीय 2 ऐप चलाने में विफल होने के कारण कोई भी विचार मिला?

धन्यवाद!

angular typescript internet-explorer

— पैट बोन क्रशर लाप्लांट
स्रोत

उत्तर अभी के लिए 2.0.0-beta.0 का उपयोग करना है।

— पैट बोन क्रेशर लाप्लांटे

187

का नवीनतम संस्करण angular डिफ़ॉल्ट रूप से सदाबहार ब्राउज़रों के लिए केवल सेटअप है ...

वर्तमान सेटअप तथाकथित "सदाबहार" ब्राउज़रों के लिए है; ब्राउज़र के अंतिम संस्करण जो स्वचालित रूप से खुद को अपडेट करते हैं। इसमें सफारी> = 10, क्रोम> = 55 (ओपेरा सहित), डेस्कटॉप पर एज> = 13 और मोबाइल पर iOS 10 और क्रोम शामिल हैं।
इसमें फ़ायरफ़ॉक्स भी शामिल है, हालांकि उल्लेख नहीं किया गया है।

विशिष्ट ब्राउज़रों के लिए सुझाए गए पॉलीफिल्स की सूची के साथ ब्राउज़र समर्थन के बारे में अधिक जानकारी के लिए यहां देखें। https://angular.io/guide/browser-support#polyfill-libs

इसका मतलब यह है कि आपको मैन्युअल रूप से सही पॉलीफ़िल्स को IE11 और उससे नीचे काम करने के लिए सक्षम करना होगा।

इसे प्राप्त करने के लिए, polyfills.ts( srcडिफ़ॉल्ट रूप से फ़ोल्डर में) पर जाएं और निम्नलिखित आयातों को अनसुना करें:

/***************************************************************************************************
 * 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';

ध्यान दें कि टिप्पणी शाब्दिक रूप से फ़ाइल में है, इसलिए यह खोजना आसान है।

आप अभी भी मुद्दों कर रहे हैं, तो आप डाउनग्रेड कर सकते हैं targetकरने के लिए संपत्ति es5में tsconfig.jsonके रूप में @MikeDubसुझाव दिया। यह क्या करता है किसी भी es6परिभाषा के संकलन आउटपुट को es5परिभाषाओं में बदल देता है। उदाहरण के लिए, वसा तीर फ़ंक्शंस ( ()=>{}) गुमनाम फ़ंक्शंस ( function(){}) के लिए संकलित किए जाएंगे । आप यहाँ es6 समर्थित ब्राउज़रों की सूची पा सकते हैं ।

• मुझे टिप्पणियों में पूछा गया था कि @jackOfAllक्या IE11 पॉलीफ़िल लोड किए जाते हैं भले ही उपयोगकर्ता एक सदाबहार ब्राउज़र में हो, जिसकी उन्हें आवश्यकता नहीं है। जवाब है, हां वे हैं! IE11 polyfills के शामिल किए जाने से अपने polyfill फ़ाइल ले जाएगा ~162KBकरने के लिए ~258KBअगस्त 8 '17 के रूप में। मैंने इसे हल करने की कोशिश में निवेश किया है लेकिन यह इस समय संभव नहीं लगता है।

• यदि आपको IE10 और उससे नीचे की त्रुटियां हो रही हैं, तो आप में जाएं package.jsonऔर विशेष रूप से डाउनग्रेड webpack-dev-serverकरें 2.7.1। इससे अधिक संस्करण अब "पुराने" IE संस्करणों का समर्थन नहीं करते हैं।

— Zze
स्रोत

3

मेरी कोणीय 5 परियोजना में भी वही त्रुटि है, यहां तक कि मैंने IE के लिए पॉलीफ़िल को भी अनियोजित किया है, फिर भी IE ब्राउज़र में काम नहीं कर सकता। बहुत ही अजीब ....

— एबी

नीचे उल्लिखित सभी आयात आयात करें और साथ ही नीचे NgClass आयात करें। अंत में "npm install --save classlist.js" इंस्टॉल करें। यह मेरे मामले में काम आया।

— वैभव

2

@dewewad मैं 2 अलग बंडलों के निर्माण के साथ प्रयोग कर रहा था, एक स्पष्ट रूप से IE11 के लिए, और फिर उस बंडल को एक IE सशर्त टिप्पणी में लपेटना जिसने इसे क्रोम में आने से रोक दिया होता।

— ज़ेज़

1

@ अच्छी तरह से, यह निश्चित रूप से आप में से पूरी तरह से है। अच्छा लगा, मुझे वह पसंद है।

— dudewad

1

IEZ में @Zze सशर्त टिप्पणियां हटा दी गईं, वे केवल IE5-9 में समर्थित हैं। इसलिए जब तक आप विशेष रूप से कुछ उपयोगकर्ता एजेंट को अपने बंडल को रनटाइम पर पेज पर जोड़ने के लिए सूँघते हैं, तब तक आपका IE बंडल IE10 + के लिए लोड नहीं होगा।

— bmcminn

22

मेरे पास एक ही मुद्दा था और मेरे लिए कोई भी समाधान काम नहीं करता था। इसके बजाय निम्न (होमपेज) .html को <head>तयशुदा लाइन में जोड़ें ।

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

— एलेक्स डब्ल्यू।
स्रोत

इस SO stackoverflow.com/questions/26346917/… से जानकारी को ध्यान में रखते हुए , X-UA- संगत का उपयोग करने की सिफारिश अमान्य प्रतीत होती है।

— लोबिलुक

19

मैं आज इस मुद्दे पर भाग गया। मुझे GitHub पर एक समाधान मिला जिसमें बीटा के बाद के संस्करण में जाने की आवश्यकता नहीं है।

अपने HTML में निम्न स्क्रिप्ट जोड़ें:

<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>

इससे मेरे लिए समस्या का समाधान हो गया। अधिक जानकारी के लिए, आप यहाँ github मुद्दे का अनुसरण कर सकते हैं: https://github.com/angular/angular/issues/7144

— एशले ग्रेनन
स्रोत

2

इस समाधान ने मेरे लिए काम नहीं किया :( ... [IE2015 VS2015 पर IE पर चल रहे प्रोजेक्ट]

— सीलन मुमुन कोकाबास

12

फरवरी 2017 तक

एक कोणीय-क्ली परियोजना का उपयोग करते हुए , polyfills.tsफ़ाइल में सभी लाइनें पहले से ही अनियोजित थीं, इसलिए सभी पॉलीफ़िल पहले से ही उपयोग किए जा रहे थे।

मैं इस समाधान पाया यहाँ मेरी समस्या को हल करने के लिए।

उपरोक्त लिंक को संक्षेप में बताने के लिए, IE लैम्ब्डा एरो / फैट एरो फ़ंक्शंस का समर्थन नहीं करता है जो कि es6 की एक विशेषता है । ( यह है अगर polyfills.ts आप के लिए काम नहीं करता है )।

समाधान : आपको इसे किसी भी IE संस्करण में चलाने के लिए es5 को लक्षित करने की आवश्यकता है , इसके लिए समर्थन केवल Microsoft द्वारा नए एज ब्राउज़र में पेश किया गया था।

इसके अंतर्गत पाया जाता है src/tsconfig.json:

"outDir": "../dist/out-tsc",
"sourceMap": true,
"target": "es5",

— MikeDub
स्रोत

यह उत्तर बहुत ही भ्रामक है। पॉलीफ़िल वे लिपियाँ हैं जो IE 9 बनाती हैं और ऊपर ES6 मानकों के साथ संगत हैं जैसा कि यहाँ देखा गया है: angular.io/docs/ts/latest/guide/browser-support.html तो यह कोई फर्क नहीं पड़ता कि ब्राउज़र मूल रूप से तीर फ़ंक्शन का समर्थन करता है या नहीं। पॉलीफिल्स इस मुद्दे को पूरी तरह से कम कर देता है।

— 22

8

मुझे अपने मामले में कैसा अनुभव हुआ ... भ्रामक? पॉलीफ़िल पहले से ही अनियोजित थे और उन्होंने IE11 में जो समस्या का सामना कर रहा था, उसे ठीक नहीं किया। शायद ही यह एक पतन के योग्य है।

— मिकदूब

इसे फिर से पढ़ने के बाद, मैं समझता हूं कि आप क्या कहना चाह रहे हैं, लेकिन जिस तरह से यह वर्तमान में शब्दबद्ध है, ऐसा लगता है कि आपको अपनी सभी .tsफ़ाइलों को मैन्युअल रूप से वसा तीर का उपयोग करके एनॉन फंक से बदलना होगा। मुझे लगता है कि आपको उस लिंक से एक उद्धरण सूंघना चाहिए कि कैसे संकलक आउटपुट अलग है अगर आप एक्मा स्क्रिप्ट लक्ष्य को बदलते हैं जो इस समस्या को कम करता है।

— Zze

5

इसके अलावा, मैं पहले से ही अपने tsconfig में es5 को लक्षित कर रहा हूं और मेरे पास अभी भी मुद्दे हैं।

— gh0st

1

@ माइकडब्यू मैंने आपके समाधान का उपयोग करने की कोशिश की, लेकिन यह IE11 के लिए काम नहीं कर रहा है। क्या आप मुझे बेहतर दृष्टिकोण प्रदान कर सकते हैं।

— प्रसन्ना सासने

11

आपको उपयुक्त अनुभागों को जोड़कर अपने लक्ष्य ब्राउज़रों के लिए पॉलीफ़िल्स .ts फ़ाइल को समायोजित करना होगा।

/** 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/weak-map';
import 'core-js/es6/set';

— जिगर भट्ट
स्रोत

1

यह भी खूब रही। धन्यवाद।

— 15

10

मेरे लिए iexplorer 11 और कोणीय 2 के साथ मैंने उन सभी मुद्दों को 2 चीजें करके तय किया:

index.html में जोड़ें:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

src \ polyfills.ts असहजता में:

/** 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/weak-map';
import 'core-js/es6/set';

— बेलन मार्टिन
स्रोत

1

हां यह IE11 के लिए काम कर रहा है लेकिन IE10 के लिए नहीं:

ERROR Error: Uncaught (in promise): TypeError: Object doesn't support property or method 'setPrototypeOf' at EmptyError (http://localhost:4200/vendor.js:102653:9)

— जूनियर Mayhé

10

Polyfill.ts फ़ाइल में कुछ आयातों को अन-टिप्पणी करें।

/** 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/weak-map';
import 'core-js/es6/set';

स्निपेट का विस्तार करें

Npm Pacakages इनस्टॉल करें टिप्पणी में कुछ npm इंस्टाल कमांड्स हैं। यदि आप कोणीय सीएलआई के शुरुआती संस्करण का उपयोग कर रहे हैं, तो एक तीसरा भी हो सकता है। कोणीय सीएलआई संस्करण 7, 6, और 1.7 के लिए आपको चलाने की आवश्यकता है:

npm स्थापित - save classlist.js

npm install --save वेब-एनिमेशन-js

अब IE खोलें और अपना आवेदन प्रस्तुत करें और चेक करें :)

— अली
स्रोत

8

सितंबर 2017 तक (नोड संस्करण = v6.11.3, एनपीएम संस्करण = 3.10.10), यह वही है जो मेरे लिए काम करता है (धन्यवाद @Zze):

polyfills.tsIE11 के लिए आवश्यक आयातों को संपादित और अनसुना करें ।

अधिक प्रारंभिक, संपादित करें polyfills.ts( srcडिफ़ॉल्ट रूप से फ़ोल्डर में स्थित ) और IE11 के लिए आवश्यक सभी पंक्तियों को अनसुना कर दें (फ़ाइल के अंदर की टिप्पणियां यह बताती हैं कि IE11 पर चलने के लिए क्या आयात आवश्यक हैं)।

एक छोटी सी चेतावनी: ध्यान दें जब लाइनों के लिए असुविधाजनक हो classlist.jsऔर web-animations-js। इन टिप्पणियों की पंक्तियों में एक विशिष्ट टिप्पणी है: प्रत्येक को संबंधित एनपीएम कमांडों को चलाने से पहले उन्हें पॉलीफ़िल्स को प्रिंट करना होगा।

स्पष्टीकरण के एक शब्द के रूप में, पॉलीफिल्स कोड के टुकड़े हैं जो वेब ब्राउज़र पर एक सुविधा को लागू करते हैं जो इसका समर्थन नहीं करते हैं। यही कारण है कि डिफ़ॉल्ट polyfills.ts कॉन्फ़िगरेशन में केवल आयात का एक न्यूनतम सेट सक्रिय है (क्योंकि यह तथाकथित "सदाबहार" ब्राउज़रों को लक्षित कर रहा है; ब्राउज़र के अंतिम संस्करण जो स्वचालित रूप से खुद को अपडेट करते हैं )।

— Ekeko
स्रोत

8

EDIT 2018/05/15 : इसे मेटा टैग के साथ प्राप्त किया जा सकता है ; कृपया उस टैग को अपने index.html में जोड़ें और इस पोस्ट की अवहेलना करें।

यह प्रश्न का पूर्ण उत्तर नहीं है (तकनीकी उत्तर के लिए कृपया @ ज़ेज़ के उत्तर के ऊपर देखें ), लेकिन एक महत्वपूर्ण कदम है जिसे जोड़ने की आवश्यकता है:

अनुकूलता प्रणाली

यहां तक कि उपयुक्त पॉलीफ़िल के साथ भी, IE11 पर पॉलीफ़िल का उपयोग करके कोणीय 2+ ऐप चलाने के साथ अभी भी समस्याएं हैं। यदि आप इंट्रानेट होस्ट से साइट को चला रहे हैं (यानी यदि आप इसे http: // localhost या किसी अन्य मैप किए गए स्थानीय डोमेन नाम पर परीक्षण कर रहे हैं ), तो आपको संगतता दृश्य सेटिंग में जाना होगा और "इंट्रानेट व्यू में इंट्रानेट साइट प्रदर्शित करें" को अनचेक करें। चूंकि IE11 की संगतता दृश्य कोणीय के लिए ES5 पॉलीफ़िल में शामिल सम्मेलनों के एक जोड़े को तोड़ती है।

— शॉटगन निंजा
स्रोत

1

यदि आप इस समाधान का पालन करते हैं तो आपको अपने आवेदन को चलाने वाले सभी क्लाइंट पर करना होगा। अपनी html फ़ाइल में एक विशेष टैग जोड़ने से ब्राउज़र को संगतता मोड के बजाय नवीनतम संस्करण में उपलब्ध होने के लिए बाध्य किया जाता है। टैग खोजने के लिए निम्नलिखित उत्तर देखें: stackoverflow.com/a/47777695/4628364

— Poly

2

मेरे अनुभव में, यदि आपका ऐप किसी इंट्रानेट होस्ट पर परोसा जाता है, तो इस मेटा टैग का उपयोग IE 11 की डिफ़ॉल्ट सेटिंग को संगतता दृश्य में 'इंट्रानेट साइटों को प्रदर्शित करने' में ओवरराइड नहीं करता है। इंट्रानेट ऐप के उपयोगकर्ताओं को अभी भी इस विकल्प में जाने और मैन्युअल रूप से अनचेक करने की आवश्यकता होगी जो आदर्श से कम है। मैं वर्तमान में एक वर्कअराउंड की तलाश में हूं - शायद ES6 के बजाय ES5 के लिए संकलन।

— काइल वासेला

6

मेरे पास एक Angular4 एप्लिकेशन है, यहां तक कि मेरे लिए भी यह IE11 ब्राउज़र में काम नहीं कर रहा था, मैंने नीचे बदलाव किए हैं, अब इसके सही ढंग से काम कर रहे हैं। बस index.html फ़ाइल में नीचे कोड जोड़ें

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

बस आपको पॉलीफ़िल्स.टीएस फ़ाइल से इन नीचे की लाइनों को अनइंस्टॉल करना होगा

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/weak-map';
import 'core-js/es6/set';

इन 2 चरणों से आपकी समस्या का समाधान हो जाएगा, कृपया मुझे बताएं कि क्या कुछ भी होगा। धन्यवाद!!!

— संजय तिवारी
स्रोत

मैंने पहले से ही 2 भागों को असंगत कर दिया है, लेकिन यह अभी भी काम नहीं कर रहा है, क्या आपके पास एक और उपाय है

— मेनना रमजान

5

यदि आपको अभी भी समस्या है कि सभी जावास्क्रिप्ट फ़ंक्शंस काम नहीं कर रहे हैं तो इस लाइन को अपने पॉलीफ़िल्स में जोड़ें। यह लापता 'मान' विधि को ठीक करता है:

import 'core-js/es7/object';

और यह लाइन लापता 'विधि' को शामिल करती है:

import 'core-js/es7/array'

— ईसाई
स्रोत

4

मेरे पास एक ही समस्या थी, यदि आपने प्रदर्शन इंट्रानेट साइटों को संगतता में सक्षम किया है तो देखें polyfills.ts काम नहीं करेगा, आपको अभी भी निम्न पंक्ति को जोड़ने की आवश्यकता है जैसा कि बताया गया है।

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

— इवान लोपेज़
स्रोत

3

बदलना tsconfig.json

"target":"es5",

मेरी समस्या हल कर दी

— user3050538
स्रोत

2

मेरे लिए क्या काम किया है मैं IE 11 में अपने आवेदन perfomance में सुधार करने के लिए निम्नलिखित चरणों का पालन किया है। 1. Index.html फ़ाइल में, निम्नलिखित सीडीपी जोड़ें

<script src="https://npmcdn.com/angular2@2.0.0- 
 beta.17/es6/dev/src/testing/shims_for_IE.js"></script>
<script 
src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.2.201711092/classList.min.js"></script>

2.) polyfills.ts फ़ाइल में और निम्न आयात जोड़ें:

import 'core-js/client/shim';

— गौरव गुप्ता
स्रोत

2

Polyfills.ts में

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/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/set';

/** IE10 and IE11 requires the following for NgClass support on SVG elements */
 import 'classlist.js';  // Run `npm install --save classlist.js`.

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

/**
 * Required to support Web Animations `@angular/animation`.
 * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
 **/
import 'web-animations-js';  // Run `npm install --save web-animations-js`.

— कुलदीप डी गांधी
स्रोत

2

यदि कोई अन्य समाधान आपके लिए काम नहीं करता है, तो यह समस्या के स्रोत की जांच करने के लायक है। यह npm मॉड्यूल से सीधे हो सकता है, जिसमें ES6 कोड डाला जाता है, जिसे ट्रांसप्लड नहीं किया जा सकता है।

मेरे मामले में मेरे पास था

SCRIPT1002: सिंटैक्स त्रुटि विक्रेता। Js (114536,27) निम्न पंक्ति में:

const ucs2encode = array => String.fromCodePoint(...array);

मैंने नोड_मॉडल फ़ोल्डर खोजा और पाया कि किस फाइल से लाइन आई। यह पता चला कि अपराधी को दंडित किया गया था । यह 2.1.0 संस्करण है जो सीधे ES6 का उपयोग करता है।

मैंने इसे 1.4.1 पर डाउनग्रेड किया, जो ES5 का उपयोग करता है, समस्या हल हो गई थी।

— typhon04
स्रोत

1

आपकी प्रतिक्रिया के लिए बहुत धन्यवाद। हालांकि इसने समस्या का समाधान नहीं किया, लेकिन इसने मुझे परेशानी पैदा करने वाले मॉड्यूल को खोजने और मुसीबत के बारे में लेखक को सूचित करने में मदद की।

— लूसिफ़ेर63

2

Angular8 में इस समस्या को कैसे हल करें

Polyfills.ts की असंगति import 'classlist.js'; और import 'web-animations-js';फिर उपयोग कर दो निर्भरता स्थापित करें npm install --save classlist.jsऔर npm install --save web-animations-js।

के tsconfig.jsonसाथ अद्यतन करें"target":"es5",

फिर ng serveएप्लिकेशन चलाएँ और IE में खोलें, यह काम करेगा

— Rijo
स्रोत

1

Src / polyfill.js में Uncomment IE सेक्शन,

/ ** IE10 और IE11 SVG तत्वों पर NgClass समर्थन के लिए निम्नलिखित की आवश्यकता है * /

आयात 'classlist.js';
यदि कोई अनुपलब्ध पैकेज के लिए त्रुटि हो तो,

npm classlist.js --save-सटीक स्थापित करें
डिफ़ॉल्ट IE दस्तावेज़ मोड को सेट करने के लिए नीचे की पंक्ति को शामिल करना सुनिश्चित करें। अन्य वार यह 7 संस्करण में खुलेंगे

 <meta http-equiv="X-UA-Compatible" content="IE=edge" />

— सुधीर मुहम्मद
स्रोत

0

मैंने बिना किसी सफलता के इस धागे के साथ-साथ अन्य लोगों से भी गुच्छे में हर उपाय आजमाया। मेरे लिए यह तय करना समाप्त हो गया कि मेरी परियोजना में हर पैकेज को अपडेट करना था, जिसमें MAJOR संस्करण परिवर्तन भी शामिल थे। इसलिए:

Npm पुराना चलाएं
पैकेज से अपडेट करें। परिणाम से वर्तमान कॉलम में दिखाए गए नंबर के साथ (यह आपकी परियोजना को तोड़ सकता है, सावधान रहें)
एनपीएम इंस्टॉल करें
मुझे यकीन है कि मैं भी अन्य उत्तर में उल्लेख के रूप में पॉलीफ़िल को अधूरा था।

बस। काश, मैं यह सोचता कि कौन सी लाइब्रेरी अपराधी थी। वास्तविक त्रुटि जो मुझे मिल रही थी, वह था "सिंटैक्स एरर"।

— जॉर्डन
स्रोत

0

बॉक्स के बाहर कोणीय 9 को IE11 में अब बिल्कुल ठीक काम करना चाहिए।

मैंने यहां सूचीबद्ध सभी सुझावों की कोशिश की और उनमें से कोई भी काम नहीं किया। हालाँकि मैंने इसे एक विशिष्ट पुस्तकालय में ट्रैक करने का प्रबंधन किया था जिसे मैं आयात कर रहा था app.module( ZXingScannerModuleसटीक होना)। यदि आपका ऐप पहले पृष्ठ पर IE11 में विफल हो रहा है, तो एक समय में पुस्तकालयों को हटाने का प्रयास करें और IE11 में जांचें - यह मेरे सभी बिल्ड चेतावनी त्रुटियों में पूरी तरह से चूक गया था। यदि आपको लगता है कि यह मामला है, तो अपनी साइट के क्षेत्र को कंपार्टमेंटलाइज़ करने पर विचार करें जो इस लाइब्रेरी को एक आलसी लोडेड मॉड्यूल के रूप में उपयोग करता है।

— एंड्रयू जूनियर हावर्ड
स्रोत

IE11 में कोणीय 2/4/5 काम नहीं कर रहा है

टिप्पणियाँ