错误：未实现：FabricJs 中的 HTMLCanvasElement.prototype.getContext （未安装 canvas npm 包）

Question

我在我的项目中使用fabric.js，当我构建我的项目时，我收到了这个错误

Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)

。请帮帮我，如何解决。

我的package.json

{
    "name": "my-project",
    "version": "1.0.0",
    "private": true,
    "scripts": {
        "dev": "nuxt",
        "build": "nuxt build",
        "start": "nuxt start",
        "generate": "nuxt generate",
        "test": "jest"
    },
    "dependencies": {
        "fabric": "^4.2.0",
        "nodemon": "^2.0.4",
        "nuxt": "^2.13.3",
        "nuxt-i18n": "^6.13.8",
        "sqlite3": "^5.0.0",
        "vue-axios": "^2.1.5",
   },
   "devDependencies": {
        "@vue/test-utils": "^1.0.3",
        "babel-core": "7.0.0-bridge.0",
        "babel-jest": "^26.0.1",
        "eslint-config-prettier": "^6.11.0",
        "eslint-plugin-prettier": "^3.1.4",
        "jest": "^26.0.1",
        "prettier": "^2.0.5",
        "vue-jest": "^3.0.4"
   }
}

Answer 1

正如文档中提到的，FabricJS 依赖于 node-canvas 来实现 HTML Canvas 元素。

根据您运行的操作系统，您将需要运行节点画布文档中所示的不同命令。