图表 js 显示正方形

Question

I am using the npm module chartjs-node-canvas to create the chart and add it to my xlsx file . I am getting the wanted result without running my app as a dokcer container . Here the result got after running my app with docker :

And here is my Dockerfile :

FROM node:16.13.1-alpine3.13
RUN apk add dumb-init
RUN apk update
RUN apk upgrade
RUN apk add --no-cache  pixman
RUN apk add --no-cache libc6-compat && ln -s /lib/libc.musl-x86_64.so.1 /lib/ld-linux-x86-64.so.2
RUN apk add --no-cache  libuuid
RUN apk add --no-cache  glib
RUN apk add --update  autoconf gcc g++ make libaio-dev libnsl gettext-dev automake libtool libc6-compat
RUN apk add --update libaio libnsl &&  ln -s /usr/lib/libnsl.so.2 /usr/lib/libnsl.so.1
RUN apk add musl-dev libaio autoconf && apk add --update make
RUN apk add --update && apk add --no-cache ffmpeg opus pixman cairo pango giflib ca-certificates  && apk add --no-cache --virtual .build-deps git curl build-base jpeg-dev pixman-dev
RUN apk --no-cache --virtual .canvas-build-deps add  build-base  cairo-dev  jpeg-dev  pango-dev  giflib-dev  pixman-dev pangomm-dev libjpeg-turbo-dev freetype-dev  && apk --no-cache add  pixman  cairo  pango  giflib
RUN apk --no-cache --virtual .canvas-build-deps add build-base  cairo-dev jpeg-dev pango-dev  giflib-dev pixman-dev  pangomm-dev  libjpeg-turbo-dev  freetype-dev 
RUN apk --no-cache add pixman  cairo  pango  giflib

Answer 1

我不知道确切原因，但我在使用node:16-alpine时遇到了同样的问题，并且使用node:16修复了它。