Dans VS Code, j'obtiens cette erreur, "Impossible de charger le module. Vous avez tenté de charger plus joli à partir de package.json '

Lorsque j'utilise VS Code et que j'ouvre un projet, je reçois cette notification dans le coin inférieur droit:

Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have runinstallation de npmAttempted to load prettier from package.json.

Source: Prettier Code Format (Extension)

L'exécution de l'installation de npm ne résout pas ce problème. Quelqu'un sait-il pourquoi c'est ou ce que je peux faire pour y remédier?

C'est une solution qui a fonctionné pour moi

1. Installez Prettier Globalement via npm si vous ne l'avez jamais installé globalement

npm i prettier -g

2. Recherchez et utilisez les Prettier Pathparamètres d'extension dans vos paramètres de code VS

// Vous pouvez naviguer vers VS Code Settings > Extensions > Prettierpour tous les paramètres d'extension plus jolis

3. Mettez Prettier Pathà jour votre Prettier installé dans le monde.

Par exemple

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

\AppData\Roaming\npm\node_modules\prettier (Les fenêtres)

Mise à jour

Cela fonctionne maintenant pour moi avec prettier-vscode4.1.1 et prettier2.0.4, essayez-le. Je peux utiliser la version groupée ou installée localement de plus jolie.

Changements notables :

• [4.0.0] Mise à jour plus jolie vers 2.0
• [4.1.0] Ajout d'une option de configuration avecNodeModules pour permettre le traitement des fichiers dans le dossier node_modules [par défaut: false]
• [4.1.0] Supporte le chargement de Prettier à partir de node_modules même s'il n'apparaît pas comme une dépendance directe dans un package.json

Message d'origine

J'ai rencontré ce problème lors de l'inspection du code source d'un package externe sous node_modules.

Une solution de contournement consiste à supprimer l' prettierentrée dans package.jsonce package - aucune prettierinstallation locale / globale n'est nécessaire. Exemple :

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

Conservez la package.jsonvalidité - pas de virgule de fin, ne vous contentez pas de commenter la ligne. La raison pour laquelle cela fonctionne est:

L'extension recherche l'arborescence jusqu'à ce que nous déposions un package.json. Si ce package.json contient plus joli, l'extension l'utilise, sinon il reviendra à utiliser la version groupée de plus jolie. Lien

Je suppose que l'extension veut utiliser à prettierpartir du package, même si c'est le cas devDependencies.

Il ne devrait pas y avoir de mal à laisser tomber devDependencyun paquet node_modules. Cela permet également d'utiliser la prettierversion fournie avec prettier-vscode(aucune installation nécessaire).

Je viens de tomber dessus et j'ai découvert que j'avais une erreur de syntaxe dans mon fichier package.json. Il y avait une virgule de fin sur une ligne, et cela seul semblait être la cause première pour moi.

J'ai remarqué cela parce que j'ai vu la sortie suivante en essayant d'exécuter des tests angulaires:

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

Lors de la configuration de Prettier, il est important de le configurer par projet. Tous les projets n'utilisent pas le même style de code, il est donc important de respecter le style du projet dans lequel vous travaillez actuellement.

Le dépôt de démonstration bahmutov/prettier-config-examplea deux sous-dossiers, chacun avec son style de code distinct, appliqué par Prettier. En réalité, chacun de vos repos aura son style; J'utilise des sous-dossiers afin de garder l'exemple simple.

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

J'ai essayé toutes les solutions fournies ici, n'a pas aidé. La mise à jour de Visual Studio Code a résolu ce problème.

Correction de ce problème en faisant npm installglobalement.

J'ai eu ce problème lorsque j'ai nettoyé mon node_nodules. J'avais eslintinstallé avec plus jolie plus globalement. Et quand j'ai supprimé node_modulescette erreur a indiqué apparaître.