Was tun, wenn die Installation von vue devtools fehlschlägt?

Lösung für den Fehler bei der Installation von vue devtools: 1. Laden Sie das komprimierte Paket „vue-devtools“ von der offiziellen Website herunter und dekomprimieren Sie es. 2. Installieren Sie git bash; 3. cd im Ordner „devtools-main“; 4. Führen Sie den Befehl „npm install Yarn -g“ aus. 5. Öffnen Sie die Datei „manifest.json“ und ändern Sie „persistent“ in „true“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, vue-devtools Version 6.1.4, Dell G3-Computer.

Was soll ich tun, wenn die Installation von vue devtools fehlschlägt?

Über die Lösung des Fehlerberichts während des vue-devtools-Installationsprozesses

1. Laden Sie das komprimierte Paket mit Google Chrome von der offiziellen Website herunter, merken Sie sich den Speicherpfad (vermeiden Sie den Speicherpfad mit Chinesische Schriftzeichen) und entpacken Sie es

GitHub – vuejs/devtools: ⚙️ Browser-Devtools-Erweiterung zum Debuggen von Vue.js-Anwendungen.

2. Installieren Sie Git Bash (ein Installations-Tutorial finden Sie einfach im Blog)

Das ist es

3. Wechseln Sie im Terminal in den Ordner „devtools-main“. Die folgenden Anweisungen finden Sie in diesem Ordner Operation)

3. Einige Fehler sind auf die Einschränkungen von npm selbst zurückzuführen und einige Module sind nicht installiert. Um Fehler zu vermeiden, installieren Sie Garn direkt

npm install yarn -g
npm install webpack webpack-cli –g   //（全局安装webpack、webpack-cli）

4. Schließen Sie das aktuelle Terminal, klicken Sie mit der rechten Maustaste auf den Ordner, öffnen Sie ihn mit Git Bash und führen Sie die folgenden Vorgänge aus

yarn install

Öffnen Sie dann die Datei manifest.json im VS-Code und kopieren Sie das Bild. Ändern Sie persistent in true

Führen Sie abschließend den Befehl Yarn Run Build in der zuvor geöffneten Git-Bash aus und warten Sie auf die Installation

5. Öffnen Sie die Einstellungen in Chrome--->Mehr tools--->Extensions Program ---> Öffnen Sie den Entwicklermodus in der oberen rechten Ecke, aktualisieren Sie die Seite, klicken Sie, um die dekomprimierte Erweiterung zu laden, öffnen Sie den Devtools-Hauptordner

Klicken Sie auf Details und überprüfen Sie um den Zugriff auf Datei-URLs zu ermöglichen (Sie können Bilibili öffnen. Überprüfen Sie auf der Startseite, ob die kleine V-Markierung erfolgreich leuchtet)

Empfohlenes Lernen: „

vue-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas tun, wenn die Installation von vue devtools fehlschlägt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!