वीएस कोड में, मुझे यह त्रुटि मिल रही है, 'मॉड्यूल लोड करने में विफल। पैकेज से प्रेटियर लोड करने का प्रयास किया गया। '

21

जब मैं VS कोड का उपयोग कर रहा हूं और एक प्रोजेक्ट खोल रहा हूं, तो मुझे यह सूचना नीचे दाएं कोने में मिलती है:

Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have runnpm स्थापित करेंAttempted to load prettier from package.json.

Source: Prettier Code Format (Extension)

Npm स्थापित चलाने से यह हल नहीं होता है। किसी को भी कोई भी विचार है कि ऐसा क्यों है या मैं इसे ठीक करने के लिए क्या कर सकता हूं?

visual-studio-code package.json prettier

— ghostagent151
स्रोत

एक ही मुद्दा होने के नाते। क्या आप संयोग से प्रॉक्सी के पीछे हैं?

— ब्रज

ऐसा लगता है जैसे मेरी मशीन पर कुछ पथ टूट गया है या कुछ गायब है। हमारे पास एक पैकेज है। प्रिटियर और लिंटर चलाने के लिए एक स्क्रिप्ट के साथ। Package.json फ़ाइल से स्क्रिप्ट चलाना प्रीटियर पर लागू नहीं होता है, लेकिन अगर मैं इसे स्वयं प्रारूपित करता हूं (विकल्प + शिफ्ट + f एक मैक पर यह काम करता है। तो विचित्र और कष्टप्रद प्रत्येक फ़ाइल को मैन्युअल रूप से प्रारूपित करना।

— ghostagent151

यह वीएस कोड के लिए हाल ही में एक "अतिरिक्त" प्रतीत होता है। पूर्व में भी प्रीटीयर का उपयोग करने के बावजूद, हमने इस मुद्दे को नहीं देखा है। मैं वीएस कोड के किस संस्करण के बाद से यह एक समस्या बन गया।

— मैनफ्रेड

कुछ दिनों पहले से इसी मुद्दे पर चल रहा है। कोई प्रॉक्सी या फ़ायरवॉल नहीं - नवीनतम VS कोड अपडेट में कुछ टूट गया

— हेमल

3

यह संबंधित गितुब मुद्दा है। वे इस मुद्दे पर अधिक जानकारी की तलाश कर रहे हैं (और यदि कोई रेपो उपलब्ध है जिसे साझा किया जा सकता है)। github.com/prettier/prettier-vscode/issues/1066

— कास्पर

16

यह एक समाधान है जो मेरे लिए काम करता है

1. अगर आप इसे विश्व स्तर पर कभी स्थापित नहीं किया है, तो npm के माध्यम से प्रिटियर ग्लोब को स्थापित करें

npm i prettier -g

2.Prettier Path अपने वीएस कोड सेटिंग्स में एक्सटेंशन सेटिंग्स खोजें और उपयोग करें

// आप Settings > Extensions > Prettierसभी Prettier Extension Settings के लिए VS Code पर नेविगेट कर सकते हैं

3.Prettier Path अपने विश्व स्तर पर स्थापित प्रिटियर को अपडेट करें ।

उदाहरण के लिए

/usr/local/lib/node_modules/prettier (मैक ओ एस)

\AppData\Roaming\npm\node_modules\prettier (खिड़कियाँ)

— तंजी ओयनिरन
स्रोत

मैंने विश्व स्तर पर प्रिटियर स्थापित किया है। जब मैं वीएस कोड सेटिंग्स में जाता हूं, तो मैं खोज करता हूं Prettier Path। मैं यहां 2 विकल्प देखता हूं, Prettier:Config Pathऔर Prettier: Prettier Path। मैं एक का उपयोग कर रहा हूँ MAC। क्या मुझे /usr/local/lib/node_modules/prettierदोनों रास्तों को जोड़ना चाहिए या बस पहले?

— ghostagent151

1

स्क्रीनशॉट के अनुसार @ ghostagent151 पिछले एक "प्रीटीयर: प्रीटीयर पथ"।

— डोनोवन

यहाँ एक और मुद्दा है जो मैं देख रहा हूँ। यदि मैं बनाम कोड में प्रीटीयर एक्सटेंशन डाउनलोड करता हूं, तो मेरी सेटिंग मेरी है ताकि इसे सहेजने पर यह स्वचालित रूप से मेरे कोड पर प्रीटियर लागू हो। हालाँकि, लगता है कि प्रिटियर के दो अलग-अलग संस्करण लागू किए जा रहे हैं। यदि मैं npm run prettierकमांड लाइन से चलता हूं , उदाहरण के लिए, दोहरे उद्धरण चिह्नों वाले चर एकल उद्धरण में परिवर्तित हो जाते हैं। यदि मैं सहेजता हूं और ऑटो प्रारूप लागू होता है, तो वे दोहरे उद्धरण चिह्नों में बदल जाते हैं। निश्चित नहीं है कि उसके साथ क्या हो रहा है।

— ghostagent151

1

@ ghostagent151 यह एक अलग मुद्दा है। यदि npm run prettierप्रोजेक्ट में मौजूद है node_modulesतो रनिंग आपके प्रोजेक्ट में स्थानीय प्रेटियर का उपयोग करता है package.json। मेरी सलाह है कि formatOnSaveयदि आप अपनी परियोजना के लिए कस्टम प्रारूपण नियमों का उपयोग कर रहे हैं तो आप वीएस कोड बंद कर देंगे। ओवरराइटिंग के प्रारूप से बचने के लिए।

— तुन्जी ओइनीरन

1

आपके विश्व स्तर पर स्थापित मॉड्यूल के लिए आपका रास्ता न केवल ओएस पर निर्भर करेगा, बल्कि आप npm (यानी nvm, आदि) को कैसे स्थापित करेंगे। रास्ता पाने का एक आसान तरीका हैnpm root -g

— BoDeX

2

अपडेट करें

अब यह मेरे लिए prettier-vscode4.1.1 और prettier2.0.4 के साथ काम करता है , इसे आज़माएं। मैं या तो बंडल या स्थानीय स्तर पर स्थापित संस्करण का उपयोग कर सकता हूं।

उल्लेखनीय परिवर्तन :

[४.०.०] २.० को अपडेट किया गया
[४.१.०] नोड_मॉड्यूल्स फ़ोल्डर में फ़ाइलों के प्रसंस्करण को सक्षम करने के लिए NNMModules के साथ कॉन्फ़िगरेशन विकल्प जोड़ा गया [डिफ़ॉल्ट: गलत]
[४.१.०] नोड से सीधे लोडिंग प्रीटियर का समर्थन करें, भले ही यह एक पैकेज में प्रत्यक्ष निर्भरता के रूप में प्रकट न हो।

मूल पोस्ट

एक बाहरी पैकेज के स्रोत कोड का निरीक्षण करते समय मुझे इस समस्या का सामना करना पड़ा 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(कोई आवश्यक स्थापित नहीं)।

— ford04
स्रोत

1

मैं बस इस में भाग गया और मुझे पता चला कि मेरे पैकेज में एक सिंटैक्स त्रुटि थी। फ़ाइल फ़ाइल। एक लाइन पर एक अनुगामी अल्पविराम था, और वह अकेला ही मेरे लिए मूल कारण था।

मैंने इस पर ध्यान दिया क्योंकि मैंने कुछ कोणीय परीक्षणों को चलाने की कोशिश करते समय निम्नलिखित आउटपुट देखा:

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

— सैम स्‍टोरी
स्रोत

1

Prettier की स्थापना करते समय इसे प्रति प्रोजेक्ट कॉन्फ़िगर करना महत्वपूर्ण है। प्रत्येक परियोजना समान कोड शैली का उपयोग नहीं करती है, इस प्रकार आप जिस भी परियोजना में वर्तमान में काम कर रहे हैं, उसकी शैली का सम्मान करना महत्वपूर्ण है।

डेमो रेपो bahmutov/prettier-config-exampleमें दो सबफ़ोल्डर हैं, प्रत्येक अपनी अलग कोड शैली के साथ, प्रिटियर द्वारा लागू किया गया है। वास्तव में, आपके प्रत्येक रिपॉज की अपनी शैली होगी; उदाहरण को सरल रखने के लिए मैं सबफ़ोल्डर्स का उपयोग कर रहा हूं।

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

— शनवाज गुलाम
स्रोत

1

यहां दिए गए सभी समाधानों की कोशिश की, मदद नहीं की। विज़ुअल स्टूडियो कोड को अपडेट करने से यह समस्या ठीक हो गई।

— psy
स्रोत

0

npm installविश्व स्तर पर इस मुद्दे को तय किया।

मेरे पास यह मुद्दा था जब मैंने अपनी सफाई दी node_nodules। मैं eslintविश्व स्तर पर प्रिटियर के साथ था । और जब मैंने node_modulesइस त्रुटि को दिखाते हुए हटा दिया ।

— vikrantnegi007
स्रोत