Inhaltsverzeichnis
Vorwort
Er ist es, er ist es!
Schnittstelle nach dem Ausführen des Projekts:
Projektadresse:
vue-element-admin 
https://github.com/PanJiaChen/vue-element-admin
Ich habe drei Tage daran gearbeitet, drei Tage lang einen Fehler gemacht und war wirklich deprimiert. Heute Abend habe ich es endlich gelöst! Ich hoffe, dieser Blog kann mehr Menschen helfen!
Zunächst sind viele Fehler aufgetreten, z. B. Knotenversion, Webpack-Version, NPM-Version, Github-Verbindung usw.
Wie im Bild gezeigt, ist der erste aufgetretene Fehler:
Keine der gängigen Lösungen im Internet hat für mich funktioniert. Ich habe meine eigenen Teile zusammengesetzt und die Weisheit des gesamten Internets in mich aufgenommen, bevor ich es erfolgreich betreiben konnte. Beginnen wir mit der folgenden Erklärung.
Detaillierte Lösung
1. Meins ist ein Mac-System und es sollte auch auf andere Systeme anwendbar sein. Warum meldet die NPM-Installation von Projekten, die direkt von Github heruntergeladen wurden, weiterhin Fehler? Da viele Plug-Ins aktualisiert wurden und es bei der direkten Installation basierend auf package.json viele Versionsprobleme geben wird. Aus diesem Grund treten endlos Probleme auf. Achten Sie auf jeden nächsten Schritt und verpassen Sie keinen Schritt!
2. Bestätigen Sie zunächst Ihre Node- und NPM-Versionen:
npm -v
node -vDas ist meine Version:
Heute ist der 22.6.2022. Besuchen Sie die offizielle Website, um Node 16 herunterzuladen. Alle 16 Versionen können verwendet werden. Wenn Sie nicht die 16-Version haben , gehen Sie zu Download | Node.js https://nodejs.org/zh-cn/ herunterladen/ herunterladen. Öffnen Sie nach dem Herunterladen das komprimierte Paket und installieren Sie es auf narrensichere Weise. Das Original wird direkt überschrieben , sodass Sie nicht einmal die angegebene Version mit npm neu installieren müssen: 
Nachdem Sie die Knotenumgebung vorbereitet haben, verwenden Sie das von mir bereitgestellte Projekt. Natürlich können Sie auch auf die offizielle Website gehen, um das neueste komprimierte Paket (derzeit 4.4.0) herunterzuladen. Ich habe es ausprobiert und es funktioniert! (Sie können das heruntergeladene Projekt auch weiterhin verwenden, ich bin mir jedoch nicht sicher, ob es funktionieren wird. Sie können es zunächst mit Ihrem Originalprojekt versuchen.)
Link: https://pan.baidu.com/s/1MFzC_5ioKVMm348B0RoPDA Passwort: w4bk
Entpacken und in vscode öffnen.
VScode öffnet das Terminal im Projektverzeichnis (niemand weiß, wie man es öffnet, die zweite Schaltfläche in der oberen rechten Ecke). Die folgenden Vorgänge entfernen das Modul node_modules und package-lock.json des Projekts und löschen es dann gewaltsam Cache (unabhängig davon, ob Sie das von mir bereitgestellte Projekt verwenden, führen Sie diese drei Anweisungen separat aus , es schadet nicht):
rm -rf node_modules
rm package-lock.json
npm cache clear --force
Ändern Sie die tui-editor-Zeile in package.json in
"@toast-ui/editor": "^3.1.3",Als nächstes ändern Sie src -> Components->MarkdownEditor->index.vue
Mach Folgendes:
(1) Ersetzen Sie alle Importe am Anfang durch die folgenden vier Zeilen:
import 'codemirror/lib/codemirror.css'
import '@toast-ui/editor/dist/toastui-editor.css'
import Editor from '@toast-ui/editor'
import defaultOptions from './default-options'
(2) Ersetzen Sie getValue und setValue im Inneren durch getMarkdown bzw. setMarkdown und alle tui-editors durch @toast-ui/editor
Führen Sie nach dem Speichern npm install aus. Die Installation mit dem Taobao-Spiegel ist schneller:
npm install --registry=https://registry.npm.taobao.orgEs wurde festgestellt, dass kein Fehler vorliegt ( WARN ist normal!):
Direkt starten:
npm run dev
✅Es ist grün, es ist grün, es ist endlich gelungen, ich bin so bewegt.
⚠️Notizen
Hören Sie nicht auf die Flut und verwenden Sie cnpm install. Offizielle Dokumente weisen darauf hin, dass dies zu vielen seltsamen Fehlern führen wird. Das löst das Problem nicht.
Hören Sie nicht auf die Flut und führen Sie blind ein Downgrade von Webpack und Node durch. Die Behandlung der Symptome, aber nicht der Grundursache führt zu mehr Fehlern.
Vielen Dank an folgende Blogs:
npm ERR-Code ELIFECYCLE Solution_Ordinary Netizen's Blog-CSDN blog_elifecycle npm