কৌণিক 2/4/5 আইই 11 এ কাজ করছে না


124

আইই 11 এ চলাকালীন কেন আমার কৌণিক 2 অ্যাপটি লোডিং ... দেখানোর জন্য আটকে আছে তা জানার চেষ্টা করছি।

কারও পরামর্শ অনুসারে, আমি ক্রোম এবং আইই ১১. উভয় স্ট্যাক ওভারফ্লোতে পোস্ট করা এই প্লঙ্কারটি চেষ্টা করেছি, ক্রোমে ভাল কাজ করে, তবে আইই ১১ এ ব্যর্থ হয়। একই ত্রুটি, "লোডিং ..." বলে আটকে গেল

প্লাঙ্কারটি হ'ল: https://plnkr.co/edit/6zVFbrH5yohwc714gBbk?p= পূর্বরূপ

<!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 অ্যাপ চালাতে ব্যর্থ হয়েছে সে সম্পর্কে কারও ধারণা পেয়েছে?

ধন্যবাদ!


উত্তরটি আপাতত ২.০.০-বিটা.0 ব্যবহার করা উচিত।
প্যাট বোন ক্রাশার ল্যাপ্লেন্ট

উত্তর:


187

সর্বশেষতম সংস্করণটি angular কেবলমাত্র চিরসবুজ ব্রাউজারগুলির জন্য ডিফল্টরূপে সেটআপ হয় ...

বর্তমান সেটআপ তথাকথিত "চিরসবুজ" ব্রাউজারগুলির জন্য; ব্রাউজারগুলির সর্বশেষ সংস্করণ যা স্বয়ংক্রিয়ভাবে নিজেকে আপডেট করে। এর মধ্যে রয়েছে ডেস্কটপে সাফারি> = 10, ক্রোম> = 55 (অপেরা সহ), এজ> = 13 এবং আইওএস 10 এবং মোবাইলে ক্রোম।
এর মধ্যে ফায়ারফক্সও রয়েছে, যদিও উল্লেখ করা হয়নি।

নির্দিষ্ট ব্রাউজারগুলির জন্য প্রস্তাবিত পলফিলগুলির একটি তালিকা সহ ব্রাউজার সমর্থন সম্পর্কে আরও তথ্যের জন্য এখানে দেখুন। https://angular.io/guide/browser-support#polyfill-libs


এর অর্থ হ'ল আইই 11 এবং এর নীচে অ্যাংুলার কাজ করতে আপনাকে ম্যানুয়ালি সঠিক পলিফিলগুলি সক্ষম করতে হবে।


এই অর্জন করার জন্য, ঢোকা polyfills.ts(ইন srcডিফল্টরূপে ফোল্ডার) এবং মাত্র uncomment নিম্নলিখিত আমদানির:

/***************************************************************************************************
 * 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(){}) এ সংকলিত হবে । আপনি এখানে এস supported সমর্থিত ব্রাউজারগুলির একটি তালিকা পেতে পারেন ।


মন্তব্য

@jackOfAllব্যবহারকারী যদি চিরসবুজ ব্রাউজারে তাদের প্রয়োজন না হয় তবে আইই 11 পলিফিলগুলি লোড হয় কিনা তা আমাকে মন্তব্যে জিজ্ঞাসা করা হয়েছিল । উত্তরটি হ'ল, হ্যাঁ তারা! IE11 polyfills অন্তর্ভুক্তি থেকে আপনার polyfill ফাইল লাগবে ~162KBকরার ~258KBআগস্ট 8 '17 হিসাবে। আমি এটি সমাধান করার চেষ্টা করে বিনিয়োগ করেছি তবে এটি বর্তমানে সম্ভব বলে মনে হচ্ছে না।

IE আপনি যদি IE10 এবং এর নীচে ত্রুটি পেয়ে থাকেন তবে আপনার মধ্যে প্রবেশ করুন package.json বিশেষত ডাউনগ্রেড webpack-dev-serverকরুন 2.7.1। এর চেয়ে বেশি সংস্করণগুলি আর "পুরানো" আইই সংস্করণগুলিকে সমর্থন করে না।


3
আমার কৌণিক 5 প্রকল্পেও একই ত্রুটি রয়েছে এমনকি আমি IE এর জন্য পলিফিলটি অসম্পূর্ণ করেছি, এখনও IE ব্রাউজারে কাজ করতে পারি না। খুব অদ্ভুত ....
অ্যাবি

উল্লিখিত সমস্ত আমদানি কমেন্ট করার পাশাপাশি এর নিচে এনএনগ্লাসটি আমদানি করুন। অবশেষে "এনপিএম ইনস্টল করুন - সেভ শ্রেণি তালিকা। এটি আমার ক্ষেত্রে কাজ করেছে।
বৈভব

2
@ দেউদওয়াদ আমি 2 টি পৃথক বান্ডিল তৈরির জন্য পরীক্ষা করছিলাম, এটি একটি স্পষ্টতই আইই 11 এর জন্য, এবং তারপরে সেই আইণ্ডলটি একটি আইআই শর্তযুক্ত মন্তব্যে আবৃত করে যা ক্রোম দিয়ে আসা বন্ধ করে দিয়েছে।
জেজে

1
@ জিজ ভাল, এটি অবশ্যই আপনার সম্পূর্ণ। ভাল লাগলো
দোয়াদওয়াদ

1
@ জিজি শর্তযুক্ত মন্তব্যগুলি আইই 10 তে সরানো হয়েছে, সেগুলি কেবল আই 5-9-এ সমর্থিত। সুতরাং আপনার IE বান্ডেলটি আইই 10 + এর জন্য লোড করা হবে না, যদি না আপনি রানটাইমের সময় পৃষ্ঠায় আপনার বান্ডিলটি যুক্ত করার জন্য নির্দিষ্টভাবে কোনও ব্যবহারকারী এজেন্ট স্নিফিং না করেন।
বিএমসিএমএন

22

আমার ঠিক একই সমস্যা ছিল এবং সমাধানগুলির কোনওটিই আমার পক্ষে কার্যকর হয়নি। পরিবর্তে (হোমপৃষ্ঠায়) নীচের লাইনটি যুক্ত করুন এইচটিএমএল <head>এটি স্থির করে।

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

এই এসও স্ট্যাকওভারফ্লো.com / জিজ্ঞাসাগুলি / ২২63৩46917১//২ থেকে তথ্য বিবেচনা করে এক্স-ইউএ-সামঞ্জস্যপূর্ণ ব্যবহারের প্রস্তাবটি অবৈধ বলে মনে হচ্ছে।
লুবিলুক

19

আমি আজ এই ইস্যু মধ্যে দৌড়ে। আমি গিটহাবের উপর একটি সমাধান পেয়েছি যার জন্য বিটার পরবর্তী সংস্করণে যাওয়ার দরকার নেই।

আপনার এইচটিএমএলে নিম্নলিখিত স্ক্রিপ্ট যুক্ত করুন:

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

এটি আমার জন্য সমস্যার সমাধান করেছে। আরও তথ্যের জন্য, আপনি গিথুব ইস্যুটি এখানে অনুসরণ করতে পারেন: https://github.com/angular/angular/issues/7144


2
এই সমাধানটি আমার পক্ষে কার্যকর হয়নি :( ... [আইএস-তে চলমান ভিএস ২০১৫ প্রজেক্টে]
সিলান মুমুন কোকাবাş

12

ফেব্রুয়ারী 2017 পর্যন্ত

একটি কৌণিক-ক্লাইপ প্রকল্প ব্যবহার করে , সমস্ত লাইনpolyfills.ts ফাইলের ইতিমধ্যে সংক্ষিপ্ত ছিল সুতরাং সমস্ত পলিফিল ইতিমধ্যে ব্যবহার করা হচ্ছে।

আমি এই সমাধান এখানে পেয়েছিআমার সমস্যা সমাধানের জন্য ।

উপরের লিঙ্কটির সংক্ষিপ্তসার হিসাবে, আই এস লাম্বদা তীর / ফ্যাট অ্যার ফাংশন সমর্থন করে না যা এস of এর বৈশিষ্ট্য । ( এটি যদি পলিফিলস.টস আপনার পক্ষে কাজ করে না )।

সমাধান : যে কোনও আইই সংস্করণে চলার জন্য আপনাকে এসএসি লক্ষ্য করতে হবে, এর জন্য সমর্থনটি কেবল মাইক্রোসফ্ট দ্বারা নতুন এজ ব্রাউজারে চালু হয়েছিল।

এটি এর অধীনে পাওয়া যায় src/tsconfig.json:

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

এই উত্তরটি খুব মিসলাইডিং। পলিফিলগুলি হ'ল স্ক্রিপ্টগুলি যা IE 9 এবং এর উপরে ES6 স্ট্যান্ডার্ডের সাথে সামঞ্জস্যপূর্ণ করে তোলে এখানে: Angular.io/docs/ts/latest/guide/browser-support.html সুতরাং ব্রাউজারটি স্থানীয়ভাবে তীর ফাংশন সমর্থন করে কিনা তা বিবেচ্য নয়, পলিফিলগুলি পুরোপুরি এই সমস্যাটিকে প্রশমিত করে।
জেজে

8
আমার ক্ষেত্রে আমি কীভাবে অভিজ্ঞতা অর্জন করেছি ... বিভ্রান্তিকর? পলিফিলগুলি ইতিমধ্যে নিরবিচ্ছিন্ন ছিল এবং তারা যে সমস্যাটি আমি IE11 এ অনুভব করছিলাম তা ঠিক করে নি। খুব কমই মনে হয় এটি একটি ডাউনটাওয়ের যোগ্য।
মাইকডাব

এটি পুনরায় পড়ার পরে, আপনি কী বলার চেষ্টা করছেন তা আমি বুঝতে পেরেছি, তবে বর্তমানে এটি যেভাবে বলা হচ্ছে এটি মনে হচ্ছে আপনার নিজের সমস্ত .tsফাইল ম্যানুয়ালি চর্বিযুক্ত তীর ব্যবহার থেকে আনন ফ্যাঙ্কে পরিবর্তন করতে হবে sounds আমি মনে করি যে আপনি যদি ইকমা স্ক্রিপ্ট টার্গেটটি ইস্যুটি প্রশমিত না করে পরিবর্তিত করেন তবে কম্পাইলার আউটপুট কীভাবে পৃথক হবে সে সম্পর্কে আপনার এই লিঙ্কটির একটি উদ্ধৃতি স্নিপ করা উচিত।
জাজে

5
তদ্ব্যতীত, আমি ইতিমধ্যে আমার tsconfig এ এস 5 টার্গেট করছি এবং আমার এখনও সমস্যা আছে।
gh0st

1
@ মাইকডাব আমি আপনার সমাধানটি ব্যবহার করার চেষ্টা করেছি কিন্তু এটি আই 11 এর জন্য কাজ করছে না। আপনি আমাকে আরও ভাল পদ্ধতির প্রদান করতে পারেন?
প্রসন্ন সাসনে

11

আপনার উপযুক্ত ব্রাউজারগুলির জন্য আপনার লক্ষ্য ব্রাউজারগুলির জন্য পলিফিল.এসটি ফাইলটি সামঞ্জস্য করতে হবে।

/** 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
এটা অসাধারণ. ধন্যবাদ.
AtLeastTheresOoast

10

আমার জন্য ie এক্সপ্লোরার 11 এবং কৌনিক 2 দিয়ে আমি উপরের সমস্ত বিষয় 2 টি করে স্থির করেছি:

ইনডেক্স.ইচটিএমএল যুক্ত করুন:

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

মধ্যে src \ polyfills.ts uncomment:

/** 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
হ্যাঁ এটি আইই 11 এর জন্য কাজ করছে তবে আইই 10 এর জন্য নয়:ERROR Error: Uncaught (in promise): TypeError: Object doesn't support property or method 'setPrototypeOf' at EmptyError (http://localhost:4200/vendor.js:102653:9)
জুনিয়র মেহে

10
  1. পলিফিল.টিস ফাইলটিতে কিছু আমদানি আন-মন্তব্য করুন comment

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

এনপিএম ইনস্টল করুন প্যাকেজগুলি লক্ষ্য করুন মন্তব্যে কিছু এনপিএম ইনস্টল কমান্ড রয়েছে। আপনি যদি কৌণিক সিএলআই এর প্রাথমিক সংস্করণ ব্যবহার করে থাকেন তবে তৃতীয় সংস্করণও থাকতে পারে। কৌণিক সিএলআই সংস্করণ 7, 6 এবং 1.7 এর জন্য আপনাকে চালাতে হবে:

এনপিএম ইনস্টল করুন - সেভ ক্লাসলিস্ট.জে

এনপিএম ইনস্টল - সেভ ওয়েব-অ্যানিমেশন-জেএস

এখন আইই খুলুন এবং আপনার অ্যাপ্লিকেশন রেন্ডার করুন এবং পরীক্ষা করুন :)


8

সেপ্টেম্বর 2017 পর্যন্ত (নোড সংস্করণ = v6.11.3, এনপিএম সংস্করণ = 3.10.10), এটি আমার জন্য কাজ করেছে (ধন্যবাদ @ জজে):

polyfills.tsআইই 11 এর জন্য প্রয়োজনীয় যে আমদানিগুলি সম্পাদনা করুন এবং সেটিকে নিয়ন্ত্রণ করুন।

আরও স্পষ্টতই, সম্পাদনা করুন polyfills.ts( srcডিফল্টরূপে ফোল্ডারে অবস্থিত ) এবং কেবল আইই 11 এর জন্য প্রয়োজনীয় সমস্ত লাইন (ফাইলের অভ্যন্তরীণ মন্তব্যগুলি আইই 11 এ চালানোর জন্য কী কী আমদানি করা দরকার তা ঠিক ব্যাখ্যা করে)।

একটি ছোট সতর্কতা: যখন classlist.jsএবং এর জন্য লাইনগুলি অসুবিধে করার সময় মনোযোগ দিন web-animations-js। এই মন্তব্য করা রেখাগুলির প্রতিটিতে একটি নির্দিষ্ট মন্তব্য রয়েছে: আপনার অবশ্যই এনএমপি কমান্ডগুলি সংশোধন করার আগে অবশ্যই চালানো উচিত বা পলিফিল.এসটি প্রক্রিয়াকরণটি ভেঙে যাবে।

ব্যাখ্যার শব্দ হিসাবে, পলিফিলগুলি কোডের টুকরা যা কোনও ওয়েব ব্রাউজারে এমন কোনও বৈশিষ্ট্য প্রয়োগ করে যা এটি সমর্থন করে না। এ কারণেই ডিফল্ট পলিফিল.এসটি কনফিগারেশনে কেবলমাত্র ন্যূনতম আমদানির সেট সক্রিয় থাকে (কারণ এটি তথাকথিত "চিরসবুজ" ব্রাউজারগুলি লক্ষ্য করে ; ব্রাউজারগুলির সর্বশেষ সংস্করণ যা স্বয়ংক্রিয়ভাবে নিজেকে আপডেট করে )।


8

সম্পাদনা 2018/05/15 : এটি একটি মেটা ট্যাগ দিয়ে অর্জন করা যেতে পারে ; দয়া করে সেই ট্যাগটি আপনার সূচিপত্র। html এ যুক্ত করুন এবং এই পোস্টটিকে উপেক্ষা করুন।

এই প্রশ্নের জন্য একটি সম্পূর্ণ উত্তর (প্রযুক্তিগত উত্তর পড়ুন দয়া নয় @ উপরে Zze এর উত্তর ), কিন্তু সেখানে একটি গুরুত্বপূর্ণ পদক্ষেপ যে চাহিদা যুক্ত করার জন্য:

সামঞ্জস্যতা মোড

এমনকি যথাযথ পলিফিলগুলি যথাযথভাবে থাকা সত্ত্বেও, আইই 11 এ পলিফিলগুলি ব্যবহার করে কৌণিক 2+ অ্যাপ্লিকেশন চালানো নিয়ে এখনও সমস্যা রয়েছে। যদি আপনি সাইটটি কোনও ইন্ট্রানেট হোস্টের বাইরে চালাচ্ছেন (যেমন, আপনি যদি এটি http: // লোকালহোস্ট বা অন্য কোনও ম্যাপযুক্ত স্থানীয় ডোমেন নাম পরীক্ষা করে দেখেন), আপনাকে অবশ্যই সামঞ্জস্যতা প্রদর্শন সেটিংসে যেতে হবে এবং "সামঞ্জস্যতা দৃশ্যে ইন্ট্রানেট সাইটগুলি প্রদর্শন করুন" নির্বাচন করা উচিত, যেহেতু আইই 11 এর সামঞ্জস্যতা ভিউ কৌণিকের জন্য ES5 পলিফিলগুলিতে অন্তর্ভুক্ত কয়েকটি কনভেনশন ভেঙেছে।

এখানে চিত্র বর্ণনা লিখুন


1
আপনি যদি এই সমাধানটি অনুসরণ করেন তবে আপনার অ্যাপ্লিকেশনটি চালিত সমস্ত ক্লায়েন্টের জন্য আপনাকে এটি করতে হবে। আপনার এইচটিএমএল ফাইলটিতে একটি বিশেষ ট্যাগ যুক্ত করা ব্রাউজারকে সামঞ্জস্যতা মোডের পরিবর্তে সর্বশেষতম সংস্করণে চালিত হতে বাধ্য করে। ট্যাগটি খুঁজে পেতে নিম্নলিখিত উত্তরটি দেখুন: stackoverflow.com/a/47777695/4628364
পলি

2
আমার অভিজ্ঞতা হিসাবে, যদি আপনার অ্যাপ্লিকেশনটি কোনও ইন্ট্রানেট হোস্টে পরিবেশন করা হয় তবে এই মেটা ট্যাগটির ব্যবহার আইই 11 এর ডিফল্ট সেটিংটিকে 'সামঞ্জস্যতা ভিউ'তে ডিসপ্লে ইন্ট্রানেট সাইটগুলিতে ওভাররাইড করে না ` ইন্ট্রানেট অ্যাপ্লিকেশন ব্যবহারকারীদের এখনও এই বিকল্পটি যা আদর্শের চেয়ে কম সেটিকে ম্যানুয়ালি আনচেক করতে হবে। আমি বর্তমানে একটি কর্মবিধির সন্ধান করছি - সম্ভবত ES6 এর চেয়ে ES5 তে সংকলন করছি।
কাইল ভ্যাসেলা 16

6

আমার একটি অ্যাঙ্গুলার 4 অ্যাপ্লিকেশন রয়েছে, এমনকি আমার জন্য এটি আই 11 ব্রাউজারেও কাজ করে না, আমি নীচে পরিবর্তনগুলি করেছি, এখন এটি সঠিকভাবে কাজ করছে। কেবলমাত্র সূচিপত্রের ফাইলের নীচে কোড যুক্ত করুন

<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

আমার একই সমস্যা ছিল, আপনি যদি সামঞ্জস্যের মধ্যে ইন্ট্রানেট সাইটগুলি সক্ষম করে থাকেন তবে পলিফিল দেখুন দেখুন কাজ করবে না, আপনাকে এখনও যেমন বলা হয়েছে তেমনভাবে নিম্নলিখিত লাইনটি যুক্ত করতে হবে।

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

3

পরিবর্তন tsconfig.json

"target":"es5",

আমার সমস্যা সমাধান


2

আমার জন্য যা কাজ করেছে তা হল আমি IE 11 এ আমার অ্যাপ্লিকেশন পারফরম্যান্স উন্নত করার জন্য নিম্নলিখিত পদক্ষেপগুলি অনুসরণ করেছি)) সূচক 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>

২) পলিফিল.এসটি ফাইলগুলিতে এবং নিম্নলিখিত আমদানি যুক্ত করুন:

import 'core-js/client/shim';

2

পলিফিলস.টি.সে

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

যদি অন্য কোনও সমাধান আপনার জন্য কাজ না করে তবে সমস্যার উত্সটি অনুসন্ধান করা মূল্যবান। এটি এনপিএম মডিউলের চেয়ে বেশি হতে পারে সরাসরি ES6 কোড সন্নিবেশ করে, যা স্থানান্তরিত করা যায় না।

আমার ক্ষেত্রে আমার ছিল

স্ক্রিপ্ট 1002: সিন্ট্যাক্স ত্রুটি বিক্রেতার j.js (114536,27) নিম্নলিখিত লাইনে:

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

আমি নোড_মডিউলস ফোল্ডারটি অনুসন্ধান করেছি এবং কোন ফাইল থেকে লাইন এসেছে তা খুঁজে পেয়েছি। দেখা গেল যে অপরাধীটি পায়াইকোড.জেএস ছিল যার এটির ২.১.০ সংস্করণটি সরাসরি ES6 ব্যবহার করে।

আমি এটিকে 1.4.1 এ ডাউনগ্রেড করার পরে, যা ইএস 5 ব্যবহার করে, সমস্যাটি সমাধান করা হয়েছিল।


1
আপনার প্রতিক্রিয়া জন্য অনেক ধন্যবাদ। যদিও এটি সমস্যার সমাধান করেনি, তবুও এটি আমাকে সমস্যা সমাধানকারী মডিউলটি সন্ধান করতে এবং লেখককে ঝামেলা সম্পর্কে অবহিত করতে সহায়তা করেছে।
লুসিফের 63

2

Angular8 এ এই সমস্যাটি কীভাবে সমাধান করবেন

পলিফিল.স.টি অসাধারণ import 'classlist.js'; এবং import 'web-animations-js';তারপরে npm install --save classlist.jsএবং ব্যবহার করে দুটি নির্ভরতা ইনস্টল করুন npm install --save web-animations-js

আপডেটের tsconfig.jsonসঙ্গে"target":"es5",

তারপরে ng serveঅ্যাপ্লিকেশনটি চালিত করুন এবং আইইতে খুলুন, এটি কার্যকর হবে


1
  1. এসআরসি / পলিফিল.জেজে আইএন বিভাগে কমেন্টস,

    / ** আই 10 এবং আই 11 এর জন্য এসভিজি উপাদানগুলিতে এনএনগ্লাস সমর্থনটির জন্য নিম্নলিখিতগুলির প্রয়োজন * /

    আমদানি করুন 'classlist.js';

  2. অনুপস্থিত প্যাকেজটির জন্য যদি কোনও বিল্ড ত্রুটি হয়,

    এনটিএম ইনস্টল করুন Classlist.js - সংরক্ষণ করুন-নিখুঁত

  3. ডিফল্ট আই ডকুমেন্ট মোড সেট করতে নীচের লাইনটি অন্তর্ভুক্ত করার বিষয়টি নিশ্চিত করুন। অন্যান্য বুদ্ধিমান এটি 7 সংস্করণে খুলবে

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

0

আমি এই থ্রেডের প্রতিটি সমাধানের পাশাপাশি অন্যদের কাছ থেকেও চেষ্টা করেছি, কোনও সাফল্য নেই। আমার জন্য যা ঠিক করা শেষ তা হ'ল মেজোর সংস্করণ পরিবর্তন সহ আমার প্রকল্পের প্রতিটি প্যাকেজ আপডেট করা। তাই:

  1. পুরানো npm চালান
  2. ফলাফল থেকে বর্তমান কলামে প্রদর্শিত নম্বর সহ প্যাকেজ.জসন আপডেট করুন (এটি আপনার প্রকল্পটি ভেঙে দিতে পারে, সাবধান হন)
  3. এনটিএম ইনস্টল চালান
  4. নিশ্চিত হয়েছি যে আমার কাছে অন্যান্য উত্তরে উল্লিখিত হিসাবে পলিফিলগুলিও নিরবিচ্ছিন্ন ছিল।

এটাই. আমি ইচ্ছা করি কোন লাইব্রেরির অপরাধী ছিল তা আমি চিহ্নিত করতে পারতাম। আসল ত্রুটিটি আমি পেয়েছিলাম অ্যাঙ্গুলার 6-এ vendor.js এর "সিন্ট্যাক্স ত্রুটি"।


0

বাক্সের বাইরে কৌনিক 9 এর এখন IE11 এ সম্পূর্ণ সূক্ষ্মভাবে কাজ করা উচিত।

আমি এখানে তালিকাভুক্ত সমস্ত পরামর্শ চেষ্টা করেছি এবং সেগুলির কোনওটিই কাজ করে নি। তবে আমি এটিকে আমদানি করা একটি নির্দিষ্ট লাইব্রেরিতে সন্ধান করতে পেরেছি app.module( ZXingScannerModuleসুনির্দিষ্ট হওয়ার জন্য)। যদি আপনার অ্যাপ্লিকেশনটি প্রথম পৃষ্ঠায় আই 11 এ ব্যর্থ হচ্ছে, একবারে একবারে লাইব্রেরি সরিয়ে চেষ্টা করুন এবং আইই 11 এ চেক করুন - এটি আমার সমস্ত বিল্ড সতর্কতা ত্রুটিগুলিতে পুরোপুরি মিস হয়ে গেছে। যদি আপনি এটি কেসটি মনে করেন, তবে আপনার সাইটের যে ক্ষেত্রটি এই লাইব্রেরিটি অলস বোঝা মডিউল হিসাবে ব্যবহার করে সেগুলি ভাগ করে নিন।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.