{"id":9107,"date":"2020-01-21T07:05:50","date_gmt":"2020-01-21T07:05:50","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=9107"},"modified":"2020-05-29T08:50:11","modified_gmt":"2020-05-29T08:50:11","slug":"npm-error-error-pngquant-failed-to-build-make-sure-that-libpng-dev-is-installed","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/npm-error-error-pngquant-failed-to-build-make-sure-that-libpng-dev-is-installed\/","title":{"rendered":"Npm Error: Error: pngquant failed to build, make sure that libpng-dev is installed"},"content":{"rendered":"\n<p><strong>Command I tried<\/strong><br> $ npm i &#8211;unsafe-perm<\/p>\n\n\n\n<p><strong>Got following Error;<\/strong><\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"> \u2714 pngquant pre-build test passed successfully\n  \u2716 <span class=\"hljs-built_in\">Error<\/span>: pngquant failed to build, make sure that libpng-dev is installed\n    at \/opt\/lampp\/htdocs\/sp-admin-ms\/node_modules\/pngquant-bin\/node_modules\/bin-build\/node_modules\/execa\/index.js:<span class=\"hljs-number\">231<\/span>:<span class=\"hljs-number\">11<\/span>\n    at processTicksAndRejections (internal\/process\/task_queues.js:<span class=\"hljs-number\">97<\/span>:<span class=\"hljs-number\">5<\/span>)\n    at <span class=\"hljs-keyword\">async<\/span> <span class=\"hljs-built_in\">Promise<\/span>.all (index <span class=\"hljs-number\">0<\/span>)\nnpm WARN ajv-keywords@<span class=\"hljs-number\">3.4<\/span><span class=\"hljs-number\">.1<\/span> requires a peer <span class=\"hljs-keyword\">of<\/span> ajv@^<span class=\"hljs-number\">6.9<\/span><span class=\"hljs-number\">.1<\/span> but none is installed. You must install peer dependencies yourself.\nnpm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@<span class=\"hljs-number\">1.2<\/span><span class=\"hljs-number\">.9<\/span> (node_modules\/fsevents):\nnpm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform <span class=\"hljs-keyword\">for<\/span> fsevents@<span class=\"hljs-number\">1.2<\/span><span class=\"hljs-number\">.9<\/span>: wanted {<span class=\"hljs-string\">\"os\"<\/span>:<span class=\"hljs-string\">\"darwin\"<\/span>,<span class=\"hljs-string\">\"arch\"<\/span>:<span class=\"hljs-string\">\"any\"<\/span>} (current: {<span class=\"hljs-string\">\"os\"<\/span>:<span class=\"hljs-string\">\"linux\"<\/span>,<span class=\"hljs-string\">\"arch\"<\/span>:<span class=\"hljs-string\">\"x64\"<\/span>})\n\nnpm ERR! code ELIFECYCLE\nnpm ERR! errno <span class=\"hljs-number\">1<\/span>\nnpm ERR! pngquant-bin@<span class=\"hljs-number\">4.0<\/span><span class=\"hljs-number\">.0<\/span> postinstall: <span class=\"hljs-string\">`node lib\/install.js`<\/span>\nnpm ERR! Exit status <span class=\"hljs-number\">1<\/span>\nnpm ERR!\nnpm ERR! Failed at the pngquant-bin@<span class=\"hljs-number\">4.0<\/span><span class=\"hljs-number\">.0<\/span> postinstall script.\nnpm ERR! This is probably not a problem <span class=\"hljs-keyword\">with<\/span> npm. There is likely additional logging output above.\n\nnpm ERR! A complete log <span class=\"hljs-keyword\">of<\/span> <span class=\"hljs-keyword\">this<\/span> run can be found <span class=\"hljs-keyword\">in<\/span>:\nnpm ERR!     <span class=\"hljs-regexp\">\/home\/u<\/span>buntu\/.npm\/_logs\/<span class=\"hljs-number\">2020<\/span><span class=\"hljs-number\">-01<\/span><span class=\"hljs-number\">-21<\/span>T07_01_47_306Z-debug.log\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p><strong>Solution<\/strong><\/p>\n\n\n\n<p>$ apt-get install libpng-dev<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Command I tried $ npm i &#8211;unsafe-perm Got following Error; Solution $ apt-get install libpng-dev<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[49],"tags":[],"class_list":["post-9107","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/9107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=9107"}],"version-history":[{"count":1,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/9107\/revisions"}],"predecessor-version":[{"id":9108,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/9107\/revisions\/9108"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=9107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=9107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=9107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}