Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

I am having a problem installing installing the canvas module in node..It seems to be something with cairo I am getting this error...

npm http GET https://registry.npmjs.org/canvas
npm http 304 https://registry.npmjs.org/canvas
npm http GET https://registry.npmjs.org/nan
npm http 304 https://registry.npmjs.org/nan
> canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas
> node-gyp rebuild
Package cairo was not found in the pkg-config search path.
Perhaps you should add the directory containing `cairo.pc'
to the PKG_CONFIG_PATH environment variable
No package 'cairo' found
gyp: Call to './util/has_cairo_freetype.sh' returned exit status 0. while trying to load binding.gyp
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:424:16)
gyp ERR! stack     at ChildProcess.EventEmitter.emit (events.js:98:17)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (child_process.js:789:12)
gyp ERR! System Darwin 13.0.0
gyp ERR! command "node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/plimb/Desktop/motion-therapy/node_modules/canvas
gyp ERR! node -v v0.10.21
gyp ERR! node-gyp -v v0.10.10
gyp ERR! not ok
npm ERR! weird error 1 
npm ERR! not ok code 0
I'm not sure what it all means! Would appreciate any help!For example how to a mkdir cairo pc in the pkg_config_path environment variable? 
                ah thanks ken, I followed this but now I have this error   CXX(target) Release/obj.target/canvas/src/Canvas.o In file included from ../src/Canvas.cc:7: ../src/Canvas.h:19:10: fatal error: 'cairo/cairo.h' file not found #include <cairo/cairo.h>
– plimbs
                Feb 28, 2014 at 21:55
                This wont work in amzon ec2 instance, as they are not debian? any one know yum command for this
– Max
                Feb 18, 2016 at 13:20
If it returns a 1 you will need to set the PKG_CONFIG_PATH environment variable so cairo.pc and fontconfig.pc can be found
$ locate cairo.pc
$ export PKG_CONFIG_PATH=/usr/X11/lib/pkgconfig/
Running pkg-config again ...
$ pkg-config --atleast-version=1.12.2 cairo
$ echo $?
If it returns a 0 then all is well in the hood.
$ npm install canvas
                Thanks for the pointers using Mac/brew.  On Mac, if you're using macports, this worked for me:      $ sudo port install cairo     $ sudo port install pkgconfig # not sure this one is mandatory... :/     $ npm install canvas
– DerekC
                Apr 27, 2017 at 8:52
                What if it continues to return 1 after running export PKG_CONFIG_PATH=/usr/local/lib/pkgconfig/?
– Chase Roberts
                Aug 11, 2022 at 3:15
Had the same problem on OS X 10.11.2 while installing qrcode package.
Solved by installing these ones:
brew install cairo
brew install pkg-config
xcode-select --install
                with a brand-new installation of macOS Sierra 10.12 (Recovered), brew install cairo should be enough, just confirmed.
– Kulbear
                Jan 13, 2017 at 6:36
If anyone is still having this problem and found this page, the following works for CentOS 6.6:
sudo yum install cairo cairo-devel
Basically the solution is you need to install the development package as well as the regular package (the best answer here does the same thing - except is for Ubuntu - every distro can be different).
I followed the steps given by @Piyush. But I needed an extra step to make it work. I'm using OS X 10.14.5
So this is what I followed.
brew install pkg-config
brew install cairo
pkg-config --atleast-version=1.12.2 cairo
export PKG_CONFIG_PATH=/usr/X11/lib/pkgconfig/
export PKG_CONFIG_PATH="${PKG_CONFIG_PATH}:/usr/local/opt/libffi/lib/pkgconfig"
npm install canvas
                This worked for me! Thanks! Running a m2 macbook air with OSX 12.6, node v18.12.1, and npm 8.19.3
– optimus_prime
                Nov 7, 2022 at 16:25
The accepted answer is just fine if you use apt-get.  For YUM/DNF users (Fedora, CentOS, other RHEL-like systems), use the following
yum install cairo cairo-devel cairomm-devel libjpeg-turbo-devel pango pango-devel pangomm pangomm-devel
When I ran into this problem the issue was that the version of pkg-config on my path was the version supplied by chefdk instead of the homebrew installed version.
$ which pkg-config
/usr/local/bin/pkg-config
$ eval "$(chef shell-init bash)"
$ which pkg-config
/opt/chefdk/embedded/bin/pkg-config
The solution was to remove the eval "$(chef shell-init bash)" entry from my bash profile.
More discussion of the issue in chefdk's path generation on Github https://github.com/chef/chef-dk/issues/313
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.