ভিএস কোড ব্রাউজারের সাথে সংযোগ করতে অক্ষম [ফিক্স]

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

ভিএস কোড ব্রাউজারে সংযোগ করতে অক্ষম

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

1. ক্রোম বিকল্পের জন্য ডিবাগার ব্যবহার করুন
2. একটি নতুন জেএসএন ফাইল তৈরি করুন
3. ক্রোম রিমোট ডিবাগিং চেষ্টা করুন
4. মাইক্রোসফ্ট এজ ডিবাগার পুনরায় ইনস্টল করুন
5. ভিজ্যুয়াল স্টুডিও কোড পুনরায় ইনস্টল করুন

আসুন আমরা তাদের সম্পর্কে বিস্তারিত কথা বলি।

1] ক্রোম বিকল্পের জন্য ডিবাগার ব্যবহার করুন

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

পরিবর্তে, আপনি Chrome devtools ব্যবহার করতে পারেন। এই সরঞ্জামটি গুগল ক্রোমে নির্মিত এবং বিকাশকারীদের ওয়েবসাইটগুলি ঠিক, বিশ্লেষণ এবং উন্নত করতে সহায়তা করে। এটিতে এলিমেন্ট ইন্সপেক্টর, কনসোল, নেটওয়ার্ক মনিটরিং, পারফরম্যান্স বিশ্লেষণ এবং জাভাস্ক্রিপ্ট ডিবাগিংয়ের মতো সহায়ক বৈশিষ্ট্য অন্তর্ভুক্ত রয়েছে।

2] একটি নতুন জেএসএন ফাইল তৈরি করুন

ক্রোমে এবং আপনার লোকালহোস্টে কোনও ওয়েবসাইট চালু করার সময়, আপনি এমন একটি ত্রুটির মুখোমুখি হতে পারেন যা বলে - এই সাইটটি পৌঁছানো যায় না।  এটি কারণ ওয়েবসাইটটি হ'ল জেএসএন ফাইল যা আপনি বর্তমানে ব্যবহার করছেন তা আপনার ব্রাউজারের সাথে সংযোগ করতে সক্ষম নয়। এই সমস্যাটি সমাধান করতে, আমরা আপনার বিদ্যমান জেএসএন ফাইলটি মুছতে পারি এবং একটি নতুন তৈরি করতে পারি। এটি আপনার কোডের ক্ষতি করতে যাচ্ছে না, কারণ জেএসএন ফাইলটি মূলত কেবল সেটিংসের জন্য প্রযোজ্য। একটি নতুন জেএসএন ফাইল তৈরি করতে নীচে উল্লিখিত পদক্ষেপগুলি অনুসরণ করুন।

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

আশা করি, এটি আপনার জন্য কৌশলটি করবে।

3] ক্রোম রিমোট ডিবাগিং চেষ্টা করুন

আমরা লক্ষ্য করেছি যে, মাঝে মাঝে ক্রোম সংযুক্ত করার চেষ্টা করার সময়, নিম্নলিখিত ত্রুটি বার্তাটি উপস্থিত হয়।

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

npm install -g serve

তারপরে, টার্মিনালে আপনার অ্যাপের ফোল্ডারে যান এবং 808 পোর্টে সার্ভারটি শুরু করুন।

ndistpr64.sys নীল পর্দা

এখন, আপনার ওয়েব অ্যাপটিতে উপলব্ধ হবে http://localhost:8080 ।

ভিএস কোড ব্যবহার করে ক্রোম ডিবাগ করতে, ক্রোম চালু করার সময় আপনাকে অবশ্যই দূরবর্তী ডিবাগিং সক্ষম করতে হবে। একটি টার্মিনাল খুলুন এবং নিম্নলিখিত কমান্ডটি ব্যবহার করুন:

chrome.exe --remote-debugging-port=9222

ভিএস কোডে, F5 টিপুন এবং আপনার লঞ্চটি পরীক্ষা করুন J ওয়েব ডিবাগিংয়ের জন্য, 'ক্রোমে সংযুক্ত করুন' বা 'ক্রোম লঞ্চ করুন' নির্বাচন করুন এবং বন্দরটি 9222 এ সেট করুন।

এটি আপনার জন্য কৌশল করা উচিত।

4] মাইক্রোসফ্ট এজ ডিবাগার পুনরায় ইনস্টল করুন

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

1. মধ্যে  বনাম কোড, ক্লিক করুন এক্সটেনশন ট্যাব।
2. এখন, মাধ্যমে যান  ইনস্টল  বিভাগ, সন্ধান করুন ভিএস কোডের জন্য মাইক্রোসফ্ট এজ সরঞ্জাম, এটিতে ক্লিক করুন এবং নির্বাচন করুন  আনইনস্টল করুন।
3. একবার  আনইনস্টলড,  অনুসন্ধান  'ভিএস কোডের জন্য মাইক্রোসফ্ট এজ সরঞ্জাম',  এবং তারপরে ক্লিক করুন  ইনস্টল করুন।

অবশেষে, সমস্যাটি সমাধান হয়েছে কিনা তা পরীক্ষা করুন।

5] ভিজ্যুয়াল স্টুডিও কোড পুনরায় ইনস্টল করুন

যদি কিছু কাজ না করে তবে আমাদের শেষ রিসর্টটি ভিএস কোডটি পুনরায় ইনস্টল করা। ত্রুটিটি যদি ফাইলগুলিতে কিছু ভুল ধারণা বা দুর্নীতির কারণে হয় তবে এই সমাধানটি এটি সমাধান করবে।

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

কিভাবে পোর্ট উইন্ডোজ খুলতে 8

আমি কীভাবে আমার ব্রাউজারের সাথে ভিএস কোডটি সংযুক্ত করব?

এইচটিএমএল/সিএসএস/জাভাস্ক্রিপ্ট প্রকল্পগুলির লাইভ পূর্বরূপের জন্য আপনার ব্রাউজারে ভিএস কোডটি সংযুক্ত করতে, ভিএস কোড এক্সটেনশন মার্কেটপ্লেস থেকে লাইভ সার্ভার এক্সটেনশন ইনস্টল করুন। একবার ইনস্টল হয়ে গেলে, আপনার এইচটিএমএল ফাইলটি খুলুন, নীচে-ডান কোণে স্ট্যাটাস বারে 'লাইভ যান' বোতামটি ক্লিক করুন। এটি একটি স্থানীয় বিকাশ সার্ভার চালু করে এবং পৃষ্ঠাটি প্রদর্শন করতে স্বয়ংক্রিয়ভাবে আপনার ডিফল্ট ব্রাউজারটি খুলে দেয়, যা আপনি আপনার কোডটি সম্পাদনা এবং সংরক্ষণের সাথে সাথে তাত্ক্ষণিকভাবে আপডেট হয়।

আমি কীভাবে ভিএস কোডে আমার ব্রাউজার সেটিংস পরিবর্তন করব?

ভিএস কোডে আপনার ব্রাউজার সেটিংস পরিবর্তন করতে, টিপে সেটিংস খুলুন Ctrl +, তারপরে টাইপ করুন 'ব্রাউজার' ওয়েব পৃষ্ঠাগুলির পূর্বরূপ দেখার জন্য ডিফল্ট ব্রাউজারের মতো ব্রাউজার-সম্পর্কিত বিকল্পগুলি সন্ধান করার জন্য অনুসন্ধান বারে। যদি এক্সটেনশন ব্যবহার করে 'লাইভ সার্ভার' , এক্সটেনশনের নামের পাশে গিয়ার আইকনটি ক্লিক করে তাদের নির্দিষ্ট সেটিংস সামঞ্জস্য করুন, তারপরে আপনার পছন্দসই ব্রাউজারটি সেট করুন 'ডিফল্ট ব্রাউজার' এক্সটেনশনের সেটিংস মেনুতে বিকল্প।