Zusammenfassung der Lösung für den Webpack -v-Fehler von Vue

Xiaobai lernte Vue kennen, dann lernte er Webpack kennen und installierte dann verschiedene

cnpm ist eine inländische Quelle und viel schneller als internationale Quellen. Wenn Sie cnpm nicht kennen, können Sie es selbst überprüfen.

cnpm install -g webpack

Nach einer Weile ist die Installation erfolgreich und ich möchte die Version von Webpack überprüfen

Ich werde aufgefordert, webpack-cli zu installieren. Installieren Sie es also

cnpm install -g webpack-cli

Es wird nach einer Weile installiert. Wenn Sie sich webpack -v erneut ansehen, wird der folgende Fehler gemeldet.

$ webpack -v
C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\lib\groups\resolveConfig.js:105
        für warten (const solvedOption von finalizedConfigs) {
            ^^^^^
SyntaxError: Unerwartetes reserviertes Wort
    bei NativeCompileCache._moduleCompile (C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected]@v8-compile-cache\v8-compile-cache.js:240:18)
    bei Module._compile (C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected]@v8-compile-cache\v8-compile-cache.js:184:36)
    bei Object.Module._extensions..js (module.js:664:10)
    bei Module.load (module.js:566:32)
    bei tryModuleLoad (module.js:506:12)
    bei Function.Module._load (module.js:498:3)
    bei Module.require (module.js:597:17)
    bei Bedarf (C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected]@v8-compile-cache\v8-compile-cache.js:159:20)
    bei Objekt.<anonym> (C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\lib\webpack-cli.js:14:32)
    bei Module._compile (C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected]@v8-compile-cache\v8-compile-cache.js:192:30)

Verwenden Sie npm list --depth=0 -g, um zu sehen, welche Pakete installiert sind.
Auch ich habe mir verschiedene Versionen ausgedruckt, dabei aber zwei Fehler gemeldet, was mich als Programmierer mit langjähriger Erfahrung sehr unzufrieden machte.

$ npm-Liste --depth=0 -g
C:\Benutzer\Administrator\AppData\Roaming\npm
[email protected]
+-- [email protected]
+-- [email protected]
-- [email protected]

npm ERR! Fehler in C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\_@[email protected]@@webpack-cli: ENOENT: keine solche Datei oder kein solches Verzeichnis, öffnen Sie „C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\_@[email protected]@@webpack-cli\package.json“
npm ERR! Fehler in C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\_@[email protected]@@webpack-cli: ENOENT: keine solche Datei oder kein solches Verzeichnis, öffnen Sie „C:\Benutzer\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\_@[email protected]@@webpack-cli\package.json“

Also habe ich genauer nachgeschaut und festgestellt, dass die Datei package.json fehlte. Ich habe also eine neue erstellt und dann wurde ein Fehler gemeldet, dass sie nicht gelesen werden konnte. Natürlich konnte leerer Inhalt nicht gelesen werden. Ich habe die Datei in einem anderen Verzeichnis gefunden, in dem der Pfad ohne die Datei abgefragt wurde. Also habe ich sie auf diese Ebene kopiert und versucht, die Versionen jedes Pakets zu überprüfen. Es gab keinen Fehler, aber webpack -v funktionierte immer noch nicht und meldete den obigen Fehler. Ich denke, es könnte ein Problem mit den nicht übereinstimmenden Versionen von webpack und webpack-cli sein.

Überprüfen Sie den Versionsbefehl:

cnpm Webpack-Versionen anzeigen

Es gibt zu viele gedruckte Versionen, um sie hier aufzulisten. Ich habe nachgeschaut und festgestellt, dass die Version auf meinem Computer 4.19.0 und die neueste Version 5.4.0 ist.

cnpm-Ansicht von Webpack-CLI-Versionen

Die neueste Version von webpack-cli ist 4.2.0.

Dies liegt wahrscheinlich an einer Versionsasymmetrie.

Dann werde ich webpack-cli deinstallieren und erneut installieren.

cnpm deinstallieren weabpack-cli

Es wird nur „aktuell in 0,029 s“ gedruckt, was nicht sehr nützlich erscheint. Ich verwende npm list --depth=0 -g, um festzustellen, dass [email protected] immer noch da ist.

Dann habe ich nachgeschaut, wie man die angegebene Version von webpack-cli installiert

Suchen Sie nach einer älteren Version der Sendung, die Sie gerade gesehen haben.

cnpm install -g [email protected]

Nach einer erfolgreichen Installation

Überprüfen Sie npm list --depth=0 -g. Der Ausdruck ist normal und es wird kein Fehler gemeldet.

$ npm-Liste --depth=0 -g
C:\Benutzer\Administrator\AppData\Roaming\npm
[email protected]
+-- [email protected]
+-- [email protected]
-- [email protected]

Verwenden Sie dann erneut webpack -v. Es wird kein Fehler gemeldet und es kann normal angezeigt werden

$ webpack -v
4.19.0

Bisher ist das Grubenklettern erfolgreich ~

Vor langer Zeit habe ich einen Artikel über die vielen Fallstricke verschiedener Versionen von node.js gelesen. Dasselbe gilt für die von npm verwalteten Tool-Versionen. Ich habe es noch nicht einmal gelernt und mein Wissen ist fast umsonst. Der Weg eines Programmierers ist so schwer! ! !

Dies ist das Ende dieses Artikels über die Zusammenfassung der Lösung für den webpack -v-Fehler von vue. Weitere relevante Inhalte zum webpack -v-Fehler von vue finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln unten. Ich hoffe, Sie werden 123WORDPRESS.COM in Zukunft unterstützen!