Wenn ich VS Code verwende und ein Projekt öffne, wird folgende Benachrichtigung in der unteren rechten Ecke angezeigt:
Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have run
npm installierenAttempted to load prettier from package.json.
Source: Prettier Code Format (Extension)
Durch Ausführen der npm-Installation wird dies nicht behoben. Hat jemand eine Idee, warum das so ist oder was ich tun kann, um es zu beheben?
visual-studio-code
package.json
prettier
Ghostagent151
quelle
quelle
Antworten:
Dies ist eine Lösung, die für mich funktioniert hat
1. Installieren Sie Prettier global über npm, wenn Sie es noch nie global installiert haben
2. Suchen und verwenden Sie die
Prettier Path
Erweiterungseinstellungen in Ihren VS-Codeeinstellungen// Sie können
Settings > Extensions > Prettier
für alle hübscheren Erweiterungseinstellungen zu VS-Code navigieren3. Aktualisieren Sie das
Prettier Path
auf Ihren global installierten Prettier.Zum Beispiel
/usr/local/lib/node_modules/prettier
(Mac OS)\AppData\Roaming\npm\node_modules\prettier
(Windows)quelle
Prettier Path
. Ich sehe hier 2 OptionenPrettier:Config Path
undPrettier: Prettier Path
. Ich benutze einen Mac. Soll ich/usr/local/lib/node_modules/prettier
beide Pfade oder nur den ersten hinzufügen ?npm run prettier
über die Befehlszeile ausgeführt werde, werden Variablen mit Zeichenfolgen in doppelten Anführungszeichen in einfache Anführungszeichen konvertiert. Wenn ich speichere und das automatische Format angewendet wird, werden sie in doppelte Anführungszeichen konvertiert. Ich bin mir nicht sicher, was damit passiert.npm run prettier
wird die lokale Schönheit in Ihrem Projekt verwendet,node_modules
wenn im Projekt einepackage.json
vorhanden ist. Ich rate Ihnen, VS Code zu deaktivieren,formatOnSave
wenn Sie benutzerdefinierte Formatierungsregeln für Ihr Projekt verwenden. Um das Überschreiben des Formats zu vermeiden.npm root -g
Aktualisieren
Es funktioniert jetzt für mich mit
prettier-vscode
4.1.1 undprettier
2.0.4, probieren Sie es aus. Ich kann entweder die gebündelte oder die lokal installierte Version von Prettier verwenden.Bemerkenswerte Änderungen :
Ursprünglicher Beitrag
Ich bin auf dieses Problem gestoßen, als ich den Quellcode eines externen Pakets unter überprüft habe
node_modules
.Eine Problemumgehung besteht darin, den
prettier
Eintrag inpackage.json
diesem Paket zu entfernen - keine lokale / globaleprettier
Installation erforderlich. Beispiel :Behalten Sie die
package.json
Gültigkeit bei - kein nachfolgendes Komma, kommentieren Sie nicht nur die Zeile aus. Der Grund, warum es funktioniert, ist:Ich vermute, dass die Erweiterung
prettier
aus dem Paket verwendet werden möchte , auch wenn dies der Fall istdevDependencies
.Es sollte nicht schaden, das
devDependency
aus einem Paket zu werfennode_modules
. Dies ermöglicht auch die Verwendung derprettier
mitgelieferten Versionprettier-vscode
(keine Installation erforderlich).quelle
Ich bin gerade darauf gestoßen und habe festgestellt, dass meine Datei package.json einen Syntaxfehler enthält. In einer Zeile stand ein nachkommendes Komma, und das allein schien die Hauptursache für mich zu sein.
Ich habe dies bemerkt, weil ich beim Versuch, einige Angular-Tests auszuführen, die folgende Ausgabe gesehen habe:
quelle
Beim Einrichten von Prettier ist es wichtig, es pro Projekt zu konfigurieren. Nicht jedes Projekt verwendet denselben Codestil. Daher ist es wichtig, den Stil des Projekts zu berücksichtigen, in dem Sie gerade arbeiten.
Das Demo-Repo
bahmutov/prettier-config-example
verfügt über zwei Unterordner mit jeweils eigenem Codestil, die von Prettier erzwungen werden. In Wirklichkeit hat jedes Ihrer Repos seinen eigenen Stil. Ich verwende Unterordner, um das Beispiel einfach zu halten.npm install --save-dev --save-exact prettier
quelle
Versuchte alle hier angebotenen Lösungen, hat nicht geholfen. Durch das Aktualisieren von Visual Studio Code wurde dieses Problem behoben.
quelle
Dieses Problem wurde
npm install
global behoben.Ich hatte dieses Problem, als ich meine säuberte
node_nodules
. Ich hatteeslint
zusammen mit hübscher global installiert. Und als ich das löschte, wurdenode_modules
dieser Fehler angezeigt.quelle