vue之webpack -v報錯解決方案總結_程式設計

小白學習一下，然後瞭解到了webpack相關的知識，然後就各種安裝

cnpm 是國內的源相比國際源要快很多，不知道cnpm的自己查一下吧。

cnpm install -g webpack

等一會安裝成功了，我就想看一下webpack 的版本

又提示我要安裝webpack-cli，那就安裝吧

cnpm insthttp://www.cppcns.comall -g webpack-cli

等一會就安裝好了，再看一下webpack -v就報下面的錯了。

$ webpack -v
C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\lib\groups\resolveConfig.:105
        for await (const resolvedOption of finalizedConfigs) {
            ^^^^^
SyntaxError: Unexpected reserved word
    at NativeCompileCache._moduleCompile (C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected]@v8-compile-cache\v8-compile-cache.js:240:18)
    at Module._compile (C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected]@v8-compile-cache\v8-compile-cache.js:184:36)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
    at Module.require (module.js:597:17)
    at require (C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpamoKynfEiSck-cli\node_modules\[email protected]@v8-compile-cache\vhttp://www.cppcns.com8-compile-cache.js:159:20)
    at Object.<anonymous> (C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\lib\webpack-cli.js:14:32)
    at Module._compile (C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected]@v8-compile-cache\v8-compile-cache.js:192:30)

使用npm list --depth=0 -g 看一看安裝了哪些個包。
也列印了各版本，但報兩個錯，做為多年程式設計師的我看著好是不爽。

$ npm list --depth=0 -g
C:\Users\Administrator\AppData\Roaming\npm
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]

npm ERR! error in C:\Users\Administrator\AppData\RoamoKynfEiSming\npm\node_modules\webpack-cli\node_modules\[email protected][email protected]@@webpack-cli: ENOENT: no such file or directory,open 'C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected][email protected]@@webpack-cli\package.json'
npm ERR! error in C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected][email protected]@@webpack-cli: ENOENT: no such file or directory,open 'C:\Users\Administrator\AppData\Roaming\npm\node_modules\webpack-cli\node_modules\[email protected][email protected]@@webpack-cli\package.json'

於是仔細看了一下，是缺少package.json檔案，那就新建一個，然後報錯無法讀取，空內容當然無法讀取了，在提示沒有檔案的路徑其他目錄下找到了這個檔案，就複製到這一級，嘗試了一下檢視各包的版本，不報錯了，但webpack -v 依然不好用，報上面的錯誤，我想可能是webpack和webpack-cli版本不對應的問題。

檢視版本的命令：

cnpm view webpack versions

列印的版本太多就不放在這裡了，我一看我本機的版本是4.19.0最新的都5.4.0了，、

cnpm view webpack-cli versions

webpack-cli最新的是 4.2.0。

大概是出在了版本不對稱上了。

那我就把 webpack-cli解除安裝了再安裝一下吧。

cnpm uninstall weabpack-cli

只打印了 up to date in 0.029s ，好像不太好使，使用 npm list --depth=0 -g 發現[email protected]還在。

那我就查了一下如何安裝指定版本的webpack-cli

在剛才看過的版本中找一個老一點的

cnpm install -g [email protected]

等一會安裝成功後

檢視一下npm list --depth=0 -g 下，列印正常，不報錯了。

$ npm list --depth=0 -g
C:\Users\Administrator\AppData\Roaming\npm
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]

然後再使用一下webpack -v，也不報錯了，能正常展示

$ webpack -v
4.19.0

至此爬坑成功~

很早以前就看過node.js不同版本的坑很多的文章，使用npm管理的各工具版本間也這麼坑moKynfEiS，我還沒學會，就要學廢了，程式設計師之路好難！！！

到此這篇關於vue之webpack -v報錯解決方案總結的文章就介紹到這了,更多相關vue之webpack -v報錯內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！

vue之webpack -v報錯解決方案總結

相關推薦