安装 npm --save install canvas 时报错

[yangheng4922]

按照 https://github.com/Automattic/node-canvas/wiki/Installation---Windows 这个文档安装好了依赖 安装时还是报错 系统是 win10 的

  PS D:\_Project\text1> npm  --save install canvas

  > [email protected] install D:\_Project\text1\node_modules\canvas
  > node-gyp rebuild


  D:\_Project\text1\node_modules\canvas>if not defined npm_config_node_gyp (node "C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js" rebuild )
  else (node "C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" rebuild )
  Warning: Missing input files:
  C:\GTK\bin\libfreetype-6.dll
  在此解决方案中一次生成一个项目。若要启用并行生成，请添加“/m ”开关。
  C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\Microsoft.Cpp.InvalidPlatform.Targets(23,7): error MSB8007: The Platform for project 'canvas.vcxproj' is invalid.  Platform='x64'. You may be seeing this message becau
  se you are trying to build a project without a solution file, and have specified a non-default Platform that doesn't exist for this project. [D:\_Project\text1\node_modules\canvas\build\canvas.vcxproj]
  gyp ERR! build error
  gyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\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:258:23)
  gyp ERR! stack     at emitTwo (events.js:126:13)
  gyp ERR! stack     at ChildProcess.emit (events.js:214:7)
  gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:198:12)
  gyp ERR! System Windows_NT 10.0.14393
  gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"
  gyp ERR! cwd D:\_Project\text1\node_modules\canvas
  gyp ERR! node -v v8.11.1
  gyp ERR! node-gyp -v v3.6.2
  gyp ERR! not ok
  npm WARN [email protected] No description
  npm WARN [email protected] No repository field.

  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! [email protected] install: `node-gyp rebuild`
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the [email protected] install script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

  npm ERR! A complete log of this run can be found in:
  npm ERR!     C:\Users\yangheng\AppData\Roaming\npm-cache\_logs\2018-04-27T09_45_16_307Z-debug.log
  PS D:\_Project\text1>

[KuroNekoFan]

建议你先 npm i -g windows-build-tools。https://www.npmjs.com/package/windows-build-tools,一次性解决 windows 下 node-gyp 带来的烦恼

[Sparetire]

看起来是没找到 GTK, 建议先确认 VS 2015(及以上)或者楼上提到的 windows-build-tools 是否按照, 再确认 GTK 是否安装, 不过即使都装了, 还是可能会出错...
可以考虑
npm i --save canvas -f
cd node_modules/canvas
node-gyp rebuild --GTK_Root="GTK 目录"
手动编译

[yangheng4922]

@KuroNekoFan 可以哦 之前都没找到这个命令
使用这个命令可以不用手动安装依赖了么

[DevNet]

cnpm 据说好用……

[mrcn]

我之前也遇到了这个问题。

最后无奈选择了 WSL。