npm 安裝 image-webpack-loader 報錯Error: pngquant failed to build, make sure that libpng-dev is installed


前情提要:在vue2項目打包時,發現圖片打包失敗,

然后百度尋求解決方案,看到這篇博文:https://segmentfault.com/q/1010000038931600?utm_source=tag-newest,我的報錯和這個差不多一樣,說可能時 image-webpack-loader 這個loader 安裝有問題,所以就試着去卸載在重裝,就出現如題的錯誤!!!

 

百度查找解決方案是:

以管理員身份運行cmd窗口,全局安裝 windows-build-tools, 如圖(圖片來自csdn):

 

安裝后在去安裝image-webpack-loader 確實ok!!!

 

但是我這里還有一個問題,就是 使用 cnpm 安裝時 報錯:Error]: Run "C:\Windows\system32\cmd.exe /d /s /c node lib/install.js" error, exit code 1

這里是在vscode 集成的終端中敲得,百度說要去以管理員權限去打開cmd 並且輸入命令,試了一下 確實裝上了。或許以后你我都會碰上,還是也記錄一下。

再次反轉。。。前面確實都是碰到的問題,但是 cnpm裝好了image-webpack-loader 之后還是 打包錯誤,也還都是圖片壓縮出錯。還以為柳暗花名。

搗鼓了 好幾個小時, 最后一時興起, 執行 cnpm update  更新半天后再去打包,沒想到成功了。。。真的是一波三折。

到這里其實也給你我提供了一個解決思路。因為這是我第二次部署,打包了。第一次在公司公共電腦上是ok的,到我自己工作機就各種失敗。如果你也遇到同樣問題,不妨像我一樣來個 update。。。 說不定就能解決了。。。 0.0

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM