Docker build fails: `canvas` native compile error and Vite `yarn build` JavaScript heap OOM on `node:20-slim`

オープン
#371 コメント 0 件 リアクション 1 件 担当者 2 名 GitHub で見る

メンテナーはふだん 2 日以内に返信

@Chenglong-MS がすでに取り組んでいます。

2026年6月28日 から。

評価

この issue はまだ評価されていません。

説明

Environment
  • Command: docker compose up --build / docker build
  • Base image: node:20-slim (Dockerfile frontend-builder stage)
  • Dependency: package.json includes "canvas": "^3.2.1"
Problem 1: canvas fails to compile during yarn install

Symptoms

gyp ERR! cwd /app/node_modules/canvas
gyp ERR! not ok
error Command failed with exit code 1.

Root cause

node:20-slim does not include the native build toolchain or Cairo development libraries required by the canvas npm package. Running yarn install triggers node-gyp rebuild, which fails on the slim image.

Proposed fix

Install system dependencies in the frontend-builder stage before yarn install:

RUN apt-get update && apt-get install -y --no-install-recommends \
        python3 make g++ pkg-config \
        libcairo2-dev libjpeg-dev libpango1.0-dev libgif-dev librsvg2-dev \
    && rm -rf /var/lib/apt/lists/*

Problem 2: JavaScript heap OOM during yarn build

Symptoms

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

This occurs even when Docker Desktop memory is set to 12 GB or higher.

Root cause

Node.js defaults to a heap limit of roughly 2 GB, independent of the total memory allocated to Docker. Vite production builds for this project can exceed that limit.

Proposed fix

Raise the Node.js heap limit before yarn build, with an optional build-arg override:

ARG NODE_HEAP_MB=8192
ENV NODE_OPTIONS=--max-old-space-size=${NODE_HEAP_MB}
RUN yarn build

Optional in docker-compose.yml:

build:
  args:
    NODE_HEAP_MB: "8192"

Steps to reproduce
  1. Clone the repo and configure .env
  2. Run docker compose up --build
  3. Build fails at yarn install (canvas) and/or yarn build (Vite OOM)
Expected behavior

docker compose up --build completes successfully and the service starts on port 5567.`

主要言語
Python
スター
17.7k
フォーク
1.7k
平均マージ
4日 1時間
マージ済み PR(30日)
8

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

microsoft/data-formulator のほかの issue

microsoft/data-formulator の issue をすべて見る

似ている issue

Python の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。