ใน VS Code ฉันได้รับข้อผิดพลาดนี้ 'ไม่สามารถโหลดโมดูล พยายามโหลดสวยกว่าจาก package.json '

เมื่อฉันใช้ VS Code และเปิดโครงการฉันจะได้รับการแจ้งเตือนนี้ที่มุมล่างขวา:

Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have runติดตั้ง NPMAttempted to load prettier from package.json.

Source: Prettier Code Format (Extension)

การเรียกใช้การติดตั้ง npm ไม่สามารถแก้ไขปัญหานี้ได้ ทุกคนมีความคิดว่าทำไมเป็นอย่างนั้นหรือฉันสามารถแก้ไขได้อย่างไร

นี่เป็นวิธีแก้ปัญหาที่เหมาะกับฉัน

1.ติดตั้ง Prettier Globally ผ่าน npm หากคุณไม่เคยติดตั้งทั่วโลก

npm i prettier -g

2.ค้นหาและใช้การPrettier Pathตั้งค่าส่วนขยายในการตั้งค่ารหัส VS ของคุณ

// คุณสามารถนำทางไปยังรหัส VS Settings > Extensions > Prettierสำหรับการตั้งค่าส่วนขยายที่น่าสนใจทั้งหมด

3.อัปเดตเป็นPrettier PathPrettier ที่ติดตั้งไว้ทั่วโลกของคุณ

ตัวอย่างเช่น

/usr/local/lib/node_modules/prettier (Mac OS)

\AppData\Roaming\npm\node_modules\prettier (Windows)

ปรับปรุง

ตอนนี้ใช้ได้กับฉันด้วยprettier-vscode4.1.1 และprettier2.0.4 ลองดู ฉันสามารถใช้เวอร์ชั่นที่สวยกว่าหรือได้รับการติดตั้งในเครื่อง

การเปลี่ยนแปลงที่โดดเด่น :

• [4.0.0] อัปเดตสวยกว่าเป็น 2.0
• [4.1.0] เพิ่มตัวเลือกการกำหนดค่าด้วยโหนดโมดูลเพื่อเปิดใช้งานการประมวลผลไฟล์ในโฟลเดอร์ node_modules [ค่าเริ่มต้น: เท็จ]
• [4.1.0] รองรับการโหลด Prettier จาก node_modules แม้ว่าจะไม่ปรากฏว่าเป็นการพึ่งพาโดยตรงใน package.json

โพสต์ต้นฉบับ

node_modulesผมพบปัญหานี้เมื่อตรวจสอบรหัสที่มาของแพคเกจภายนอกภายใต้

วิธีแก้ปัญหาคือการลบprettierรายการในpackage.jsonแพคเกจนี้ - ไม่prettierจำเป็นต้องติดตั้งภายใน / ส่วนกลาง ตัวอย่าง :

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

รักษาความpackage.jsonถูกต้อง - ไม่มีเครื่องหมายจุลภาคต่อท้ายอย่าเพิ่งแสดงความคิดเห็นในบรรทัด เหตุผลที่มันทำงานคือ:

ส่วนขยายจะค้นหาต้นไม้จนกระทั่งเรายื่น package.json หาก package.json นั้นมี prettier ส่วนขยายจะใช้ส่วนนั้นมิฉะนั้นจะกลับไปใช้เวอร์ชันที่รวมไว้ของ prettier ลิงค์

ฉันเดาว่านามสกุลต้องการที่จะใช้จากแพคเกจที่แม้ว่าจะเป็นprettierdevDependencies

ควรจะมีอันตรายที่จะลดลงไม่จากแพคเกจในdevDependency node_modulesสิ่งนี้ยังทำให้สามารถใช้prettierเวอร์ชันที่มาพร้อมกับprettier-vscode(ไม่จำเป็นต้องติดตั้ง)

ฉันเพิ่งพบเจอสิ่งนี้และพบว่าฉันมีข้อผิดพลาดทางไวยากรณ์ในไฟล์ package.json ของฉัน มีเครื่องหมายจุลภาคต่อท้ายอยู่บนบรรทัดเดียวและดูเหมือนว่าเป็นสาเหตุของฉัน

ฉันสังเกตสิ่งนี้เพราะฉันเห็นผลลัพธ์ต่อไปนี้เมื่อพยายามเรียกใช้การทดสอบเชิงมุม:

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

เมื่อตั้งค่า Prettier สิ่งสำคัญคือการกำหนดค่าต่อโครงการ ไม่ใช่ทุกโปรเจ็กต์ที่ใช้สไตล์โค้ดเดียวกันดังนั้นจึงเป็นเรื่องสำคัญที่จะต้องเคารพสไตล์ของโปรเจ็กต์ที่คุณกำลังใช้งานอยู่

Repo สาธิตbahmutov/prettier-config-exampleมีสองโฟลเดอร์ย่อยโดยแต่ละอันมีสไตล์รหัสที่แตกต่างกันซึ่งบังคับใช้โดย Prettier ในความเป็นจริงแต่ละ repos ของคุณจะมีสไตล์; ฉันใช้โฟลเดอร์ย่อยเพื่อให้ตัวอย่างง่าย

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

พยายามแก้ไขปัญหาทั้งหมดที่มีให้ในที่นี่ไม่ได้ช่วย การอัปเดตรหัส Visual Studio แก้ไขปัญหานี้

แก้ไขปัญหานี้ด้วยการทำnpm installทั่วโลก

node_nodulesผมมีปัญหานี้เมื่อฉันทำความสะอาดของฉัน ฉันได้eslintติดตั้งที่ดีขึ้นทั่วโลก และเมื่อฉันลบnode_modulesข้อผิดพลาดนี้ระบุปรากฏขึ้น