基于Angular项目构建Docker容器时primeng缺chart.js/auto模块报错如何解决

• 核心是依赖版本不兼容：你当前项目安装的chart.js@2.9.4版本不符合primeng@12.x的依赖要求，primeng@12.x的Chart组件强制依赖chart.js@3.x及以上版本，chart.js/auto这个导入路径是chart.js@3.x版本才新增的特性，2.x版本无该路径，因此构建时抛出模块找不到的错误。
• 次要潜在风险：你使用的node:12-alpine3.11镜像对应的Node.js版本可能低于Angular12要求的最低12.20.x版本，也可能引发其他构建异常。

1. 升级chart.js到兼容版本
   执行以下命令安装适配primeng12的chart.js版本，不要升级到4.x以上避免出现新的兼容问题：

npm install chart.js@^3.9.1 --save

2. （可选）优化Dockerfile提升构建稳定性与效率
   优化后的Dockerfile会缓存依赖层，避免每次代码变更都重新安装依赖，同时使用兼容性更好的Node.js 14版本作为构建环境：

# here we dockerize angular app
FROM node:14-alpine

WORKDIR /usr/local/lib

# 先复制依赖声明文件，利用Docker缓存加速构建
COPY package*.json ./
# 使用npm ci严格按照lock文件安装依赖，版本一致性更高
RUN npm ci

COPY .  /usr/local/lib/
RUN npm run build

EXPOSE 4200
CMD [ "node", "server.js" ]

如果你的server.js是用于托管Angular构建后的静态资源，也可以改为多阶段构建用Nginx托管，性能更优，按需调整即可。
3. 重新执行Docker构建命令即可正常完成镜像构建。

内容的提问来源于stack exchange，提问作者Youssef Boudaya