ভিএস কোডে, আমি এই ত্রুটিটি পাচ্ছি, 'মডিউল লোড করতে ব্যর্থ। প্যাকেজ.জসন 'থেকে প্রিটিটিয়ার লোড করার চেষ্টা করা হয়েছে

Question

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

Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have runএনপিএম ইনস্টলAttempted to load prettier from package.json.

Source: Prettier Code Format (Extension)

এনপিএম ইনস্টল চালানো এটি সমাধান করে না। কারওই ধারণা আছে যে এটি কেন বা আমি এটি ঠিক করতে কী করতে পারি?

Comments

একই সমস্যা আছে। আপনি কি যথাক্রমে প্রক্সি পিছনে?

— ব্রাইস

দেখে মনে হচ্ছে কিছুটা আমার মেশিনে ভেঙে গেছে বা কিছু অনুপস্থিত। আমাদের কাছে একটি প্যাকেজ.জসন রয়েছে একটি স্ক্রিপ্ট সহ প্রিটিয়ার এবং একটি লিন্টার চালানোর জন্য। প্যাকেজ.জসন ফাইল থেকে স্ক্রিপ্টটি চালানো প্রিটিটিয়ার প্রয়োগ করে না তবে আমি যদি এটি নিজেই ফর্ম্যাট করি (ম্যাকের সাথে বিকল্প + শিফট + এফ) এটি কাজ করে। তাই উদ্ভট এবং বিরক্তিকর প্রতিটি ফাইল ম্যানুয়ালি ফর্ম্যাট করা।

— ঘোস্টেজেন্ট 151

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

— ম্যানফ্রেড

কিছুদিন আগে একই সমস্যা রয়েছে। কোনও প্রক্সি বা ফায়ারওয়াল নেই - সাম্প্রতিকতম ভিএস কোড আপডেটে কিছু সুন্দর হয়ে গেছে

— হেমাল

এটি সম্পর্কিত গিথুব ইস্যু। তারা এই ইস্যুতে আরও তথ্যের সন্ধান করছে (এবং যদি এমন একটি রেপো পাওয়া যায় যা ভাগ করা যায়)। গিথুব.ফেটেরিয়ার

— ক্যাস্পার

Answer 1

এটি আমার জন্য কাজ করে এমন একটি সমাধান

1. যদি আপনি বিশ্বব্যাপী এটি ইনস্টল না করে থাকেন তবে এনটিএমের মাধ্যমে গ্লোবালি প্রিটিয়ার ইনস্টল করুন

npm i prettier -g

২.Prettier Path আপনার ভিএস কোড সেটিংসে এক্সটেনশন সেটিংস অনুসন্ধান করুন এবং ব্যবহার করুন

// আপনি Settings > Extensions > Prettierসমস্ত প্রিমিয়ার এক্সটেনশন সেটিংসের জন্য ভিএস কোড নেভিগেট করতে পারেন

৩.Prettier Path আপনার বিশ্বব্যাপী ইনস্টলড প্রিটিয়ারে এটি আপডেট করুন ।

উদাহরণ স্বরূপ

/usr/local/lib/node_modules/prettier (ম্যাক অপারেটিং সিস্টেম)

\AppData\Roaming\npm\node_modules\prettier (উইন্ডোজ)

Comments

আমি বিশ্বজুড়ে প্রীতিটি ইনস্টল করেছি। আমি যখন ভিএস কোড সেটিংসে যাই তখন আমি অনুসন্ধান করি Prettier Path। আমি এখানে 2 টি বিকল্প দেখতে পাচ্ছি, Prettier:Config Pathএবং Prettier: Prettier Path। আমি একটি ম্যাক ব্যবহার করছি। আমি কি /usr/local/lib/node_modules/prettierউভয় পথে যুক্ত করব বা কেবল প্রথম?

— ghostagent151

@ ঘোস্টেজেন্ট ১৫১ স্ক্রিনশট অনুসারে কেবলমাত্র সর্বশেষ একটি "প্রেটিয়ার: প্রীতিিয়ার পাথ"।

— donovan

এখানে আমি আরেকটি সমস্যা দেখছি। যদি আমি বনাম কোডে প্রিমটিয়ার এক্সটেনশানটি ডাউনলোড করি তবে আমার সেটিংস সেট আপ আছে যাতে সেভ করার পরে এটি স্বয়ংক্রিয়ভাবে আমার কোডটিতে প্রিটিয়ার প্রয়োগ করে। তবে প্রিটিয়ের দুটি আলাদা সংস্করণ প্রয়োগ হচ্ছে বলে মনে হচ্ছে। যদি আমি npm run prettierকমান্ড লাইন থেকে চালিত হই , উদাহরণস্বরূপ, ডাবল উদ্ধৃতি সহ স্ট্রিংযুক্ত ভেরিয়েবলগুলি একক উদ্ধৃতিতে রূপান্তরিত হয়। যদি আমি সংরক্ষণ করি এবং স্বয়ংক্রিয় ফর্ম্যাটটি প্রয়োগ করা হয় তবে সেগুলি ডাবল কোটে রূপান্তরিত হয়। নিশ্চিত যে কি ঘটছে।

— ghostagent151

@ ghostagent151 এটি একটি আলাদা সমস্যা। যদি npm run prettierপ্রকল্পে node_modulesকোনও package.jsonউপস্থিত থাকে তবে রানিং আপনার প্রকল্পের স্থানীয় প্রিটিটিয়ার ব্যবহার করে । আমার পরামর্শ হ'ল আপনি formatOnSaveযদি ভিজে কোড বন্ধ করেন তবে যদি আপনি আপনার প্রকল্পের জন্য কাস্টম বিন্যাসের নিয়ম ব্যবহার করেন। ওভাররাইটিং ফর্ম্যাটটি এড়াতে।

— টুনজি ওয়ানিরান

আপনার বিশ্বব্যাপী ইনস্টল করা মডিউলগুলির জন্য আপনার পথটি কেবল ওএসের উপর নির্ভর করে নয় আপনি এনপিএম কীভাবে ইনস্টল করেছেন (যেমন এনভিএম ইত্যাদি) তার উপর নির্ভর করে। পাথ পাওয়ার সহজ npm root -g

— উপায়টি

Answer 2

হালনাগাদ

এটি এখন prettier-vscode4.1.1 এবং prettier2.0.4 নিয়ে আমার জন্য কাজ করে , একবার চেষ্টা করে দেখুন। আমি হয় প্রাকৃতিকর্তার বান্ডিল বা স্থানীয়ভাবে ইনস্টল সংস্করণ ব্যবহার করতে পারেন।

উল্লেখযোগ্য পরিবর্তন :

• [৪.০.০] প্রিটিয়ারকে ২.০ এ আপডেট করা হয়েছে
• [৪.১.০] নোড_মডিউলস ফোল্ডারে ফাইলের প্রসেসিং সক্ষম করতে নোডমোডুলসের সাথে কনফিগারেশন বিকল্প যুক্ত করেছে [ডিফল্ট: মিথ্যা]
• [৪.১.০] নোড_মডিউলগুলি থেকে প্রেটিয়ার লোডিং সমর্থন করে এমনকি এটি কোনও প্যাকেজ.জেসনে সরাসরি নির্ভরতা হিসাবে প্রদর্শিত না হলেও

---

আসল পোস্ট

এর অধীন কোনও বাহ্যিক প্যাকেজের উত্স কোডটি পরীক্ষা করার সময় আমি এই সমস্যার মুখোমুখি হয়েছি node_modules।

এই প্যাকেজের prettierপ্রবেশদ্বার সরিয়ে ফেলার জন্য একটি কার্যপ্রণালী package.json- কোনও স্থানীয় / গ্লোবাল prettierইনস্টল প্রয়োজন নেই। উদাহরণ :

{
  "devDependencies": {
    ...
    "prettier": "^1.19.1", // remove this line completely
  },
}

package.jsonবৈধ রাখুন - কোনও পিছনে কমা নেই, কেবল লাইনের বাইরে মন্তব্য করবেন না। এটি কাজ করার কারণটি হ'ল:

আমরা একটি প্যাকেজ.জসন ফাইল না করা পর্যন্ত এক্সটেনশনটি গাছটিকে নীচে সন্ধান করে। যদি সেই প্যাকেজ.জসনটিতে প্রাকটিয়ার থাকে তবে এক্সটেনশানটি এটি ব্যবহার করে, অন্যথায় এটি প্রিটিয়ারের বান্ডিল সংস্করণটি ব্যবহার করে ফিরে আসবে। লিংক

আমার অনুমান, এক্সটেনশনটি prettierপ্যাকেজটি থেকে ব্যবহার করতে চায় , তা থাকলেও devDependencies।

কোনও devDependencyপ্যাকেজটি থেকে ভিতরে নেওয়ার কোনও ক্ষতি হওয়া উচিত নয় node_modules। এটি prettierএর সাথে বান্ডিল করা সংস্করণটি ব্যবহার করাও সম্ভব করে তোলে prettier-vscode(কোনও ইনস্টল প্রয়োজন নেই)।

Answer 3

আমি কেবল এটির মধ্যে দৌড়ে এসে আবিষ্কার করেছি যে আমার প্যাকেজ.জসন ফাইলটিতে আমার একটি সিনট্যাক্স ত্রুটি ছিল। এক লাইনে একটি ট্রেলিং কমা ছিল এবং একা আমার কাছে এটির মূল কারণ বলে মনে হয়েছিল।

আমি এটি লক্ষ্য করেছি কারণ কিছু কৌণিক পরীক্ষা চালানোর চেষ্টা করার সময় আমি নিম্নলিখিত ফলাফলটি দেখেছি:

C:\... [feature/migrate-away-from-angular-http +2 ~6 -0 | +0 ~5 -0 !]> ng test
10% building 3/3 modules 0 active20 11 2019 21:11:18.638:WARN [karma]: No captured browser, open http://localhost:9876/
20 11 2019 21:11:19.575:INFO [karma-server]: Karma v4.1.0 server started at http://0.0.0.0:9876/
20 11 2019 21:11:19.576:INFO [launcher]: Launching browsers Chrome with concurrency unlimited
20 11 2019 21:11:19.594:INFO [launcher]: Starting browser Chrome

ERROR in ./src/app/app.component.spec.ts
Module not found: SyntaxError: C:\...\package.json (directory description file): SyntaxError: C:\...\package.json (directory description file): SyntaxError: Unexpected token } in JSON at position 167
 @ ./src/app/app.component.spec.ts 7:31-75
 @ ./src sync \.spec\.ts$
 @ ./src/test.ts
ERROR in ./src/app/app.component.ts

Answer 4

প্রিটিয়ার সেটআপ করার সময় প্রতি প্রকল্পে এটি কনফিগার করা গুরুত্বপূর্ণ। প্রতিটি প্রকল্প একই কোড শৈলী ব্যবহার করে না, সুতরাং আপনি বর্তমানে যে প্রকল্পে কাজ করছেন তার স্টাইলকে সম্মান করা গুরুত্বপূর্ণ is

ডেমো রেপোতে bahmutov/prettier-config-exampleদুটি পৃথক ফোল্ডার রয়েছে, যার প্রত্যেকটির আলাদা কোড স্টাইল রয়েছে, প্রেটিয়ার দ্বারা প্রয়োগ করা হয়। বাস্তবে, আপনার প্রতিটি প্রতিস্থাপনের স্টাইল থাকবে; উদাহরণটি সহজ রাখতে আমি সাবফোল্ডারগুলি ব্যবহার করছি।

npm install --save-dev --save-exact prettier

Answer 5

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

Answer 6

npm installবিশ্বব্যাপী করে এই সমস্যাটি স্থির করুন ।

আমার সমস্যাটি পরিষ্কার করার সময় আমার এই সমস্যাটি ছিল node_nodules। আমি eslintবিশ্বব্যাপী সুন্দরভাবে ইনস্টল করা ছিল। এবং আমি node_modulesএই ত্রুটিটি মুছে ফেলা হলে দেখানো হবে।