ইএসআরআই: উত্স মানচিত্র বিশ্লেষণ করতে ব্যর্থ

Question

আমি গুগল ক্রোম বিকাশকারী কনসোলে এই ত্রুটিটি পাচ্ছি।

সোর্সম্যাপ: HTTP: // স্থানীয়হোস্ট: 15132 / স্ক্রিপ্টস / _ বহিরাগত / ইগনিটুই / সিএসএস / থিমস / ইনফ্রাজিস্টিকস / ইনফ্রাজিস্টিকস.থেম সিএসএস.ম্যাপ পার্স করতে ব্যর্থ হয়েছে

আমি কীভাবে এটি ঠিক করব?

Answer 1

ক্রোম সম্প্রতি বিকাশকারী সরঞ্জামগুলিতে উত্স মানচিত্রের জন্য সমর্থন যোগ করেছে। আপনি যদি ক্রোম বিকাশকারী সরঞ্জামদণ্ডে সেটিংসের অধীনে যান তবে আপনি নিম্নলিখিত দুটি বিকল্প দেখতে পাবেন:

আপনি যদি এই দুটি বিকল্প অক্ষম করেন এবং ব্রাউজারটি রিফ্রেশ করেন তবে এটি আর উত্স মানচিত্রের জন্য আর জিজ্ঞাসা করা উচিত নয়।

এই সেটিংসটি এখানে পাওয়া যাবে:

Comments

কি নির্বোধ "বৈশিষ্ট্য"। সোর্স ম্যাপগুলি যখন উপলব্ধ থাকে তখন এটি লোড করা উচিত।

— সমস্যাগুলি

উপস্থিতির অধীনে এই স্ক্রিনশট থেকে দুটি বিভাগ হ'ল থিম বিকল্প। আমি ডার্ক থিমটি বেছে নিয়েছি।

— স্টেরোপস

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

— demisx

কেবলমাত্র সাবধানতার একটি শব্দ - আপনি যদি এই সেটিংসটি অক্ষম করেন তবে সচেতন হন যে আপনার নেটওয়ার্ক ট্যাবে কোনও ট্র্যাফিক ক্রিয়াকলাপ দেখাবে না যদি আপনি F5 (এন /

— ডাব্লু

এই সেটিংসটি কোথায় ছিল তা খুঁজে পেতে আমার কিছুটা সময় লেগেছে। এখানে একটি স্ক্রিনশট দেখানো তারা কোথায় হল: i.stack.imgur.com/JQcnN.png । হতে পারে আপনার উত্তরটিতে এটি যুক্ত করা উচিত যাতে সেটিংসটি খুঁজে পাওয়া লোকের পক্ষে সহজ।

— ডোনাল্ড ডাক

Answer 2

যদিও নির্বাচিত উত্তরটি ত্রুটিটি আড়াল করার জন্য একটি ভাল উত্তর, ত্রুটিটি দূরে সরিয়ে দেয় না, এটি কেবলমাত্র আপনি এটি পরিদর্শকের কাছে দেখতে পাচ্ছেন না। অন্য উপায়টি হ'ল নিখোঁজ হওয়া মানচিত্রের ফাইলটি ডাউনলোড করে সম্পদ / lib ডিরেক্টরিতে রেখে দেওয়া হবে। সুতরাং, উদাহরণস্বরূপ, আমি angular-route.min.js.mapফাইলটি অনুপস্থিত ছিলাম এবং আমি এখানে https://code.angularjs.org/1.5.3/ এ গিয়েছি (কৌনিকের সঠিক সংস্করণে) এবং অনুপস্থিত ফাইলটি ডাউনলোড করেছি। ত্রুটিটি এখনই অদৃশ্য হয়ে যায়নি, সম্ভবত ক্যাশে হওয়ার কারণে, তবে একবার আমি ব্রাউজারে আসল ফাইলে গিয়েছিলাম এটি কাজ করে। http://sitename.localhost/assets/lib/angular-route.min.js.map। এখন পরিদর্শনকারী এমনকি উত্স মানচিত্র সক্ষম করা থাকলেও ত্রুটি প্রদর্শন করে না।

Comments

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

— স্টেরোপস

এটি আমার পক্ষে সহায়ক কারণ আমি ব্যাকেন্ডলেস.মিন.জেএস সেট আপ করার চেষ্টা করছিলাম এবং Failed to parse SourceMapক্রোম কনসোলটিতে দেখছিলাম । আমি যখন সঙ্কুচিত ব্যাকেন্ডলেস.জেএস (ব্যতীত .min) ব্যবহার করতে স্যুইচ করেছিলাম তখন ত্রুটিটি পেলাম না। আমি অনুমান করি যে সংক্ষিপ্ত জাভাস্ক্রিপ্ট ব্যবহার করার সময় উত্স মানচিত্রগুলি বোধগম্য নয়? আমার ধারণা আমি সঙ্কুচিত জেএস + উত্স মানচিত্রগুলি ব্যবহার করতে আমার স্থানীয় দেব পরিবেশ স্থাপনের চেষ্টা করতে পারি এবং কেবল উত্পাদন পরিবেশ সংকুচিত জেএস ব্যবহার করতে পারি।

— রায়ান

Answer 3

কেবলমাত্র ক্রোমে সোর্স মানচিত্র বন্ধ করে দেওয়া - আমি কিছুটা খনন করেছি এবং সন্ধান করেছি যে উত্স মানচিত্র তৈরি করতে ওয়েব এসেসেন্টিয়ালগুলি ব্যবহার করা সমস্যা বলে মনে হচ্ছে।

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

আশা করি এটি কাউকে সাহায্য করবে।

Comments

আপনি কি ওয়েব এসেনশিয়াল টিমের কোনও শব্দ খুঁজে পেয়েছেন? আমি মনে করি আমাদেরও একই সমস্যা হচ্ছে।

— jtheis

দুর্ভাগ্যক্রমে আমি এটি সম্পর্কে কিছুই খুঁজে পাচ্ছি না - আমি অনুসন্ধানের প্রক্রিয়াধীন!

— ভিকি

একটি ওয়েব এসেসেন্টিয়াল সম্পর্কিত ফিক্সটি

— কোয়ান্টিন এস।

Answer 4

সিএসএস / জেএস এর উত্স কোড আমরা সাধারণত সংক্ষিপ্ত / সংকুচিত করি। এখন আমরা যদি সেই মাইনযুক্ত ফাইলগুলি ডিবাগ করতে চাই তবে আমাদের মিনিফাইড ফাইলের শেষে নিম্নলিখিত লাইনটি যুক্ত করতে হবে

/*# sourceMappingURL=bootstrap.min.css.map */

এটি সংকলকটি বলে যেখানে উত্স ফাইলটি আসলে ম্যাপ করা হয়।

ইন জাতীয় ক্ষেত্রে তার জানার
কিন্তু CSS এর ক্ষেত্রে , তার আসলে SCSS এর ডিবাগ।

সতর্কতা অপসারণ করতে: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,।

Answer 5

আমার একই সমস্যা ছিল কারণ .htaccessভুল সেটিংস রয়েছে:

RewritRule এ
রাইরাইটইঞ্জাইন !।

আমি ফাইলটি সংশোধন করে এটি সমাধান করেছি:

উপর RewriteEngine
। RewriteRule (JS | GIF | JPG | PNG | CSS | EOT | SVG | TTF | woff | woff2 | মানচিত্র ) $ index.php

Comments

এটা কি? এ্যাপাচি? এটি কি ওয়েবসারভার বা কেবল প্লাগইন?

— ভাসিলি সুরিকভ

Answer 6

এটি আপনার ইনস্টল করা ক্রোম এক্সটেনশনের কারণেও হতে পারে। উদাহরণস্বরূপ, অ্যাডব্লক ।

দুর্ভাগ্যক্রমে আমি যে সর্বোত্তম সমাধানটি খুঁজে পেতে পারি তা হ'ল আপত্তিকর এক্সটেনশনটি অক্ষম করা।

Comments

এটা খুব সহায়ক ছিল। ধন্যবাদ, সমস্যাটি আসলে অ্যাডব্লক প্লাস থেকেই হয়েছিল।

— তারানিস

Answer 7

আমি যখন এই সমস্যাটি করেছি তখন ui.bootstrap.modal মডিউলটি ব্যবহার করার সময় কারণটি টেমপ্লেট ফাইলগুলির সাথে সম্পর্কিত reference

templateUrl: 'js/templates/modal.html'

এটি একটি রুট ডোমেন ( www.example.com ) থেকে কাজ করে তবে যখন কোনও পাথ যুক্ত হয় ( www.example.com/path/ ) তবে রেফারেন্সটি ভেঙে যায়। আমার ক্ষেত্রে উত্তরটি ছিল কেবল রেফারেন্সকে নিখুঁতভাবে তৈরি করা ( জেএস / -> / জেএস / )।

templateUrl: '/js/templates/modal.html'

Comments

দয়া করে এই ইউআরএলটি পরীক্ষা করুন এটি আপনার সামগ্রীর গুণমানকে উপরে তুলতে কার্যকর হবে

— উইলি চেং

ধন্যবাদ উইলি, আমি গাইডলাইন পড়েছি। আমার উত্তরটিতে কিছু ভুল হয়েছে বলে আপনি কি অনুভব করেছেন?

— রোবস্টারবাক

Answer 8

গুগল ডেভটুলগুলিতে ত্রুটি গুগলের এক্সটেনশনের কারণ।

1. আমি ব্রাউজারে আমার Google আইকনে ক্লিক করেছি
2. পপআপ উইন্ডোর নীচে একটি অতিথি প্রোফাইল তৈরি করেছে।
3. আমি তখন আমার লোকালহোস্ট ঠিকানা এবং ভয়েলা আটকালাম !!

কনসোলটিতে আর ত্রুটি নেই।

Answer 9

আপনি কিছু ক্রোম এক্সটেনশন (নাইট মোড বা অন্য কিছু) ব্যবহার করছেন কিনা তা পরীক্ষা করে দেখুন। এটি অক্ষম করুন এবং দেখুন 'ইনজেকশন' গেছে কিনা।

Answer 10

আমি অ্যাডব্লক এক্সটেনশনের কারণে সেই সমস্যাটি লক্ষ্য করেছি, আমি অ্যাডব্লক এক্সটেনশনটি বন্ধ করে দিয়েছি সমস্যার সমাধান হয়ে গেছে।