রুবেলে অন রেলস, ওয়েবপ্যাক এবং জেএস প্রতিক্রিয়া সহ ক্রোমের এক লাইনে সোর্সম্যাপস বন্ধ রয়েছে

Question

আমি যখন ক্রোম ডেভলটাল ডিবাগারটি ব্যবহার করি তখন inline-source-mapকনফিগারেশন সেটিংস ব্যবহার করে ওয়েবপ্যাকের মাধ্যমে উত্পন্ন উত্সম্যাপগুলি এক লাইনে বন্ধ থাকে I'm কয়েক ডজন ডজন মডিউল নিয়ে গঠিত একটি কনটেনেটেড, অবিহীন জাভাস্ক্রিপ্ট ফাইল উত্পন্ন করতে রেল অন অ্যাপ্লিকেশন অ্যাপ্লিকেশনটির জন্য ওয়েবপ্যাকটি সেট করা হয়েছে। এই মডিউলগুলির বেশিরভাগই রিঅ্যাক্টজেএস উপাদান এবং jsxলোডার দ্বারা পার্স করা হয় । ওয়েবপ্যাক থেকে আউটপুটটি application.jsরত্ন দ্বারা উত্পাদিত কিছু অন্যান্য জাভাস্ক্রিপ্ট লাইব্রেরির সাথে ফাইলটিতে অন্তর্ভুক্ত করা হয়।

আমি যখন ব্যবহার করি তখন eval-source-mapকোনও সমস্যা হয় না। inline-source-mapকারণগুলির ব্যবহার সম্পর্কে কিছু লাইন নম্বরগুলি একে একে ফেলে দেওয়া হয়।

জাভাস্ক্রিপ্ট পরিদর্শন করা যা প্রতিক্রিয়া উপাদান নয় এখনও এই সমস্যাটি রয়েছে, তাই আমি মনে করি না এটি জেএসএক্স ব্যবহারের সাথে সম্পর্কিত।

Comments

এটি মনে হয় যেন এক পক্ষ প্রথম লাইনটিকে রেখা হিসাবে বিবেচনা করে 0এবং অন্যটি এটি লাইন হিসাবে বিবেচনা করে 1। আপনাকে কেবল একটি সংজ্ঞা বেছে নিতে হবে এবং অন্যভাবে কাজ করে এমন কোনও কিছুর জন্য মান সামঞ্জস্য করতে হবে।

— কার্ল স্মিথ

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

— প্যারাডাসিয়া

আমার কোন ধারণা নেই. আমি মজিলার সোর্স-ম্যাপ জেএস লাইব্রেরির সাথে কফিস্ক্রিপ্টের সোর্স ম্যাপ ব্যবহার করছিলাম। সবকিছু ছাড়া ছিল জরিমানা columnনিম্নলিখিত কোডে ARG 1 খুব বেশী গৃহীত হয়: window.onerror = function(message, url, line, column){}। এটি হ্রাস করে তা স্থির করে। দ্রষ্টব্য: এটি ক্রোম নির্দিষ্ট, আমি অন্যান্য ব্রাউজারগুলির সম্পর্কে জানি না।

— কার্ল স্মিথ

এটি সম্পর্কিত বলে মনে হচ্ছে: github.com/plumberjs/plumber-requirejs/commit/… এতে এটি প্রয়োজনের জন্য prolblem স্থির করেছে jjs

— justingordon

এটি এমন কি হতে পারে যে আপনি কোনও শিরোনামে কোনও শিরোনামের রেখা যুক্ত করুন যেমন একটি কপিরাইট বিবৃতি?

— rogierschouten

Answer 1

ক্রোমে একটি ত্রুটি ছিল, সর্বশেষতম সংস্করণটি চেষ্টা করে দেখুন, আপনার ওয়েবপ্যাক কনফিগারেশনে ডিভটোলে বিভিন্ন সোর্স ম্যাপ ব্যবহার করে দেখুন এগুলি ইনলাইন সোর্স ম্যাপের জন্য কোনও কাজ করে কিনা তা দেখুন:

• ইনলাইন-উত্স-মানচিত্র

• সস্তা-ইনলাইন-উত্স-মানচিত্র

অন্যান্য বিভিন্ন কনফিগারেশনের জন্য:

• সস্তা উত্স-মানচিত্র

• সস্তা-মডিউল-উত্স-মানচিত্র

• সস্তা-মডিউল-ইভাল-উত্স-মানচিত্র

ওয়েবপ্যাক কনফিগারেশনে:

{

...

devtool:'source-map'

...

}