如何创建兼顾开发与生产环境的Dockerfile？构建Next.js镜像报错求助

1. 修复Node.js版本不兼容问题 #

方案一：升级Docker镜像中的Node.js版本 #

直接修改Dockerfile里的基础镜像，使用符合@typescript-eslint/parser@6.21.0要求的Node.js版本（推荐18.x或20.x LTS版本，稳定性更高）：

# 开发阶段镜像
FROM node:18-alpine AS development
# 生产阶段镜像
FROM node:18-alpine AS production

如果项目依赖有特殊限制，也可以选择16.x LTS版本，只要满足^16.0.0 || >=18.0.0的版本要求即可。

方案二：降级@typescript-eslint相关依赖 #

如果暂时无法升级Node.js，可在项目的package.json中降低@typescript-eslint/parser及配套的@typescript-eslint/eslint-plugin版本，选择支持Node.js 17.x的5.x系列版本：

{
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^5.62.0",
    "@typescript-eslint/parser": "^5.62.0"
  }
}

修改后执行npm install或yarn install更新依赖，再重新构建镜像。

2. 解决网络连接重试问题 #

• 配置国内镜像源加速依赖安装：在Dockerfile中添加npm/yarn的镜像源设置，避免网络超时：

  # 针对npm的配置
  RUN npm config set registry https://registry.npmmirror.com/
  # 针对yarn的配置
  RUN yarn config set registry https://registry.npmmirror.com/
  

• 检查宿主机网络环境：确认构建镜像的机器可以正常访问npm仓库，必要时关闭防火墙、调整代理设置，或切换到更稳定的网络后重新构建。

3. 重新验证构建 #

完成上述修改后，执行原构建命令重新尝试：

docker build -t frontend-prod --target production .

内容的提问来源于stack exchange，提问作者mightycode Newton