带有 angular 和 nginx 的 Dockerfile 在构建阶段失败

Question

我正在尝试使用 angular 和 nginx 为我的项目构建 docker 图像，但是在构建阶段尝试安装图像时出现以下错误（安装似乎工作正常）：

#11 103.1 Error: src/app/models/index.ts:5:28 - error TS2307: Cannot find module './inputField' or its corresponding type declarations.
#11 103.1
#11 103.1 5 export { InputField } from './inputField';
#11 103.1                              ~~~~~~~~~~~~~~
#11 103.1
#11 103.1
#11 103.1
#11 103.1 npm ERR! code ELIFECYCLE
#11 103.1 npm ERR! errno 1
#11 103.2 npm ERR! myproject@11.0.0 build: `ng build --build-optimizer --output-hashing=none`
#11 103.2 npm ERR! Exit status 1
#11 103.2 npm ERR!
#11 103.2 npm ERR! Failed at the myproject@11.0.0 build script.
#11 103.2 npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
#11 103.2
#11 103.2 npm ERR! A complete log of this run can be found in:
#11 103.2 npm ERR!     /root/.npm/_logs/2021-07-17T10_12_55_066Z-debug.log
------
executor failed running [/bin/sh -c npm run build]: exit code: 1

我的码头档案：

# Angular image
FROM node:latest as build

WORKDIR /app
COPY . .
RUN npm install 
RUN npm run build

# Nginx image
FROM nginx:latest

COPY --from=build /dist/angular/ /usr/share/nginx/html/

EXPOSE 80

我已经完成了 npm 审计修复来解决几个问题，我已经删除了 node_modules 文件夹、缓存和 package-lock.json，并再次安装，但这些似乎都没有帮助。

提前致谢。

Answer 1

在构建 docker 镜像之前尝试在本地运行ng build命令。 它将显示错误。 目前它无法访问InputField 。

export { InputField } from './inputField';

Answer 2

根据原问题：

error TS2307: Cannot find module './inputField'

将文件从InputField.ts重命名为inputField.ts解决了在容器内构建的问题。

看内部构建容器：

仅运行构建容器是@David Maze 的精彩评论

像这样：

$ docker run --rm -it <name_of_the_container> /bin/bash

通过这种方式，您可以发出npm run build命令并查看内部发生了什么。

我还推荐一个干净的ng new ngApp作为参考。 如果可以构建该应用程序，那么问题就是其他问题，而不是Dockerfile 。

样本：

# Angular build image
FROM node:latest as builder

WORKDIR /app
COPY . .
RUN npm install
RUN npm run build


# Nginx image
FROM nginx:latest

COPY --from=builder /app/dist/ngApp /usr/share/nginx/html/

EXPOSE 80