安裝ionic 報錯 安裝canvas報錯 解決辦法

weixin_34321977發表於2018-02-06
Canvas

安裝node-gyp 或將 npm 升級到內含 node-gyp 的版本 (nodejs v0.6.13以上的 npm 已內建了node-gyp, 則此步可以略過);

3.再安裝 Visual C++ 2010 Express; 因為需要用到其中的MSBuild 用以編譯 cairo 類庫到原生程式碼; 微軟官方獲取: http://www.microsoft.com/visualstudio/en-us/products/2010-editions/visual-cpp-express (VC++下載和安裝的過程很漫長,需要耐心等待);

4.還要下載包含 cairo 圖形處理庫的GTK包: http://cairographics.org/download/ , 選gtk±bundle_2.24.10-20120208_win32 或最新版,

5.將下載的GTK包解壓到 C:\GTK\ 目錄(必須是這個目錄名,否則接下來的MSBuild編譯可能通不過),

6.在Windows環境變數PATH 後新增 C:\GTK\bin 目錄 (需要登出Windows重新登入才能全域性生效), 以供 canvas 執行時呼叫cairo的動態連結庫 libcairo-2.dll 等;

7.最後 npm install canvas , 期間將自動執行MsBuild 編譯生成 canvas.node 本地目標庫, 生成的目標庫位於 path\to\node_modules\canvas\build\Release\canvas.node;

8.DOS命令列下: CD 進入 canvas\build\Release\ 這個目錄, 執行 node 測試canvas是否安裝成功: C:\path\to\node\node_modules\canvas\build\Release> node.exe

var canvas = require(’./canvas’); 若顯示 undefined , 而不是錯誤資訊 ,應該就安裝成功了. 若顯示Unable to load shared library 則可能是 GTK\bin 目錄未在PATH路徑中,新增上即可.

相關文章