"npm install fakesome" fails under windows

[philippotto]

Hey, under windows I get the following output if I try to install fakesome via npm:

F:...\webapp> npm install fakesome
npm http GET https://registry.npmjs.org/fakesome
npm http 304 https://registry.npmjs.org/fakesome

npm http GET https://registry.npmjs.org/clone
npm http GET https://registry.npmjs.org/color
npm http GET https://registry.npmjs.org/canvas
npm http 304 https://registry.npmjs.org/clone
npm http 304 https://registry.npmjs.org/canvas
npm http 304 https://registry.npmjs.org/color
npm http GET https://registry.npmjs.org/color-convert
npm http GET https://registry.npmjs.org/color-string
npm http GET https://registry.npmjs.org/nan
npm http 304 https://registry.npmjs.org/color-string
npm http 304 https://registry.npmjs.org/color-convert
npm http 304 https://registry.npmjs.org/nan

canvas@1.1.2 install F:...\webapp\node_modules\fakesome\node_modules\canvas
node-gyp rebuild

F:...\webapp\node_modules\fakesome\node_modules\canvas>node "C:\Program Files\nodejs\node_modul
es\npm\bin\node-gyp-bin....\node_modules\node-gyp\bin\node-gyp.js" rebuild
Die Projekte in dieser Projektmappe werden nacheinander erstellt. Um eine parallele Erstellung zu ermöglichen, müssen Sie den Schalter "/m" hinzufügen.
CanvasRenderingContext2d.cc
CanvasPattern.cc
color.cc
PixelArray.cc
ImageData.cc
Canvas.cc
init.cc
Image.cc
..\src\color.cc(353): warning C4305: 'Initialisierung': Verkürzung von 'double' in 'float' [F:...\webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
..\src\color.cc(356): warning C4305: '*=': Verkürzung von 'double' in 'float' [F:...\webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
CanvasGradient.cc
f:...\webapp\node_modules\fakesome\node_modules\canvas\src\Canvas.h(19): fatal error C1083: Datei (Include) kann nicht geöffnet werden: "cairo/cairo.h": No such file or directory (..\src\CanvasPattern.cc) [F:...\webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
f:...\webapp\node_modules\fakesome\node_modules\canvas\src\Canvas.h(19): fatal error C1083: Datei (Include) kann nicht geöffnet werden: "cairo/cairo.h": No such file or directory (..\src\CanvasRenderingContext2d.c
c) [F:...\webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
f:...\webapp\node_modules\fakesome\node_modules\canvas\src\Canvas.h(19): fatal error C1083: Datei (Include) kann nicht geöffnet werden: "cairo/cairo.h": No such file or directory (..\src\Image.cc) [F:...\webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
f:...\webapp\node_modules\fakesome\node_modules\canvas\src\Canvas.h(19): fatal error C1083: Datei (Include) kann nicht geöffnet werden: "cairo/cairo.h": No such file or directory (..\src\PixelArray.cc) [F:...\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
f:...\webapp\node_modules\fakesome\node_modules\canvas\src\Canvas.h(19): fatal error C1083: Datei (Include) kann nicht geöffnet werden: "cairo/cairo.h": No such file or directory (..\src\Canvas.cc) [F:...\webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
f:...\webapp\node_modules\fakesome\node_modules\canvas\src\Canvas.h(19): fatal error C1083: Datei (Include) kann nicht geöffnet werden: "cairo/cairo.h": No such file or directory (..\src\ImageData.cc) [F:...webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
f:...\webapp\node_modules\fakesome\node_modules\canvas\src\Canvas.h(19): fatal error C1083: Datei (Include) kann nicht geöffnet werden: "cairo/cairo.h": No such file or directory (..\src\init.cc) [F:...\webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
f:...\webapp\node_modules\fakesome\node_modules\canvas\src\Canvas.h(19): fatal error C1083: Datei (Include) kann nicht geöffnet werden: "cairo/cairo.h": No such file or directory (..\src\CanvasGradient.cc) [F:\Dro
...\webapp\node_modules\fakesome\node_modules\canvas\build\canvas.vcxproj]
gyp ERR! build error
gyp ERR! stack Error: C:\Program Files (x86)\MSBuild\12.0\bin\msbuild.exe failed with exit code: 1
gyp ERR! stack at ChildProcess.onExit (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\build.js:267:23)
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 Windows_NT 6.2.9200
gyp ERR! command "node" "C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" "rebuild"
gyp ERR! cwd F:...\webapp\node_modules\fakesome\node_modules\canvas
gyp ERR! node -v v0.10.15
gyp ERR! node-gyp -v v0.10.6
gyp ERR! not ok
npm ERR! weird error 1
npm ERR! not ok code 0

[adius]

Shit. Completely forgot about this. Node-canvas needs cairo to work properly. (Checkout this issue: Homebrew/legacy-homebrew#14123)
As a temporary fix just use following command before installing it.

export PKG_CONFIG_PATH=/opt/X11/lib/pkgconfig

I haven't come up with a permanent solution yet. :-/

[adius]

…or better checkout this: https://github.com/learnboost/node-canvas/issues?labels=Installation&page=1&state=open

[philippotto]

I'm afraid, the "export" command won't work under windows ;) The installation issues of node-canvas don't seem to be resolved, yet. I will keep an eye on that. Luckily, fakesome.js works without any problems. Thanks!

[adius]

Oh yeah, windows. Sry. My fix was for mac. Because on mac it doesn't work either… ^^
Yeah, the frontend version should work. You can also remove the requirement of node-canvas to get it running on the server. The only method which won't work then is fakesome.img()

[adius]

The installation of the node-canvas module is now optional and therefore the installation won't fail anymore. The drawback, however, is that fakesome.img() is not available on the server side when node-canvas was omitted.