问题描述
正在尝试为其Angular应用程序创建一个镜像，以便运行单元测试和端到端（E2E）测试。他从Ubuntu镜像开始，然后安装其他组件。他的Dockerfile包含以下语句：
FROM ubuntu:focal-20201008
RUN apt update && apt install -y \
nginx \
nodejs \
npm \
&& npm install -g @angular/cli@9.1.12 \
&& rm -rf /var/lib/apt/lists/*
在构建镜像时，他遇到了错误，下面是部分错误信息：
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
/usr/local/bin/ng -> /usr/local/lib/node_modules/@angular/cli/bin/ng
> @angular/cli@9.1.12 postinstall /usr/local/lib/node_modules/@angular/cli
> node ./bin/postinstall/script.js
The command '/bin/sh -c apt update && apt install -y nginx nodejs npm && npm install -g @angular/cli@9.1.12 && rm -rf /var/lib/apt/lists/*' returned a non-zero code: 1
解决方案
请注意以下操作可能受版本差异影响，建议在操作前备份。
使用Node镜像创建Docker镜像
一种解决方案是使用Node镜像作为基础镜像来构建Docker镜像，这样可以避免与Ubuntu镜像相关的问题。以下是步骤：
- 创建一个Dockerfile（比如
Dockerfile.angular）。 - 使用Node镜像作为基础镜像。
- 在Dockerfile中添加安装Angular和其他依赖的命令。
下面是一个示例的Dockerfile.angular文件：
# 使用Node镜像作为基础镜像
FROM node:15.1.0 as ab-suite-image
# 设置工作目录
WORKDIR /opt/ng
# 安装Angular和其他依赖
RUN npm install -g @angular/cli@9.1.12 @angular/core @angular/common eslint chokidar jquery popper.js tslib --save
# 拷贝项目文件并构建
COPY . ./
RUN ng build
# 暴露端口
EXPOSE 4200 443
然后使用以下命令构建Docker镜像：
docker build -t abui -f Dockerfile.angular .
避免npm WARN警告
在安装依赖时出现的npm WARN警告通常是因为依赖包版本之间存在冲突或已过时。您可以尝试以下方法来避免这些警告：
- 确保依赖名称正确，版本兼容。可以尝试更新到更稳定的依赖版本。
- 尝试使用
--legacy-peer-deps标志来安装依赖，以防止出现依赖解析问题。例如：
bash
npm install --legacy-peer-deps
避免Angular Analytics提示
如果Angular提示是否共享分析数据给Angular团队，您可以通过在安装Angular时关闭这个选项来避免。您可以尝试在Dockerfile中的安装命令之前添加以下步骤：
RUN ng analytics off
这将在安装Angular之前关闭分析功能。
分离Nginx和Angular应用
对于生产环境，不建议在同一容器中运行Nginx和Angular应用。而是建议将它们分别运行在不同的容器中。您可以构建一个Nginx容器来提供静态资源。以下是一个简单的示例：
- 创建一个Nginx配置文件，比如
nginx.conf。 - 创建一个Dockerfile（例如
Dockerfile.nginx）来构建Nginx镜像。
以下是示例的Nginx配置文件 nginx.conf：
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.html;
}
}
然后是Dockerfile.nginx文件：
# 使用Nginx镜像作为基础镜像
FROM nginx:latest
# 将Nginx配置文件复制到容器中
COPY nginx.conf /etc/nginx/conf.d/default.conf
# 将Angular构建后的文件复制到Nginx的默认网站目录
COPY dist/your-angular-app /usr/share/nginx/html
# 暴露Nginx端口
EXPOSE 80
使用以下命令构建Nginx镜像：
docker build -t nginx-angular -f Dockerfile.nginx .
然后您可以分别运行Angular和Nginx容器，并使用Docker网络将它们连接在一起。
请注意，这些解决方案都是基于您提供的问题和回复数据而提供的。具体操作可能因版本变化或其他因素而有所不同。建议您根据实际情况进行调整。
正文完