使用Docker的角度项目 - 客户端应用不复制

Question

因此，我承认对Docker来说是新手，并且总体上是容器化。但是我有一个问题 - 我的Docker映像根本没有保存我的客户端文件，即我的Angular文件。我相信这是因为在我的Docker桌面上，文件大小为208.59 mbs，它仅比我使用的基本图像大的MB（和一些更改）（mcr.micrsofot.com/dontet/aspnet：6.0）。在这里我可能完全错了，但是当我在容器中运行图像时，我找不到我的客户端应用程序，而它只会加载默认教程。

要构建...

docker build -t containerName .

要运行...

docker run -tdp 443:3000 containerName

然后我将打开Localhost：3000，这给了我一个错误，说它不能加载页面。在构建过程中没有问题，我的Dockerfile如下...

#See https://aka.ms/containerfastmode to understand how Visual Studio uses this Dockerfile to build your images for faster debugging.

FROM mcr.microsoft.com/dotnet/aspnet:6.0 AS base
WORKDIR /app
EXPOSE 80
EXPOSE 443

FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build

ENV NODE_VERSION=16.13.0
RUN apt install -y curl
RUN curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
ENV NVM_DIR=/root/.nvm
RUN . "$NVM_DIR/nvm.sh" && nvm install ${NODE_VERSION}
RUN . "$NVM_DIR/nvm.sh" && nvm use v${NODE_VERSION}
RUN . "$NVM_DIR/nvm.sh" && nvm alias default v${NODE_VERSION}
ENV PATH="/root/.nvm/versions/node/v${NODE_VERSION}/bin/:${PATH}"
RUN node --version
RUN npm --version

WORKDIR /src
COPY ["projectName.csproj", "."]
RUN dotnet restore "./projectName.csproj"
COPY . .
WORKDIR "/src/."

RUN dotnet build "projectName.csproj" -c Release -o /app/build

FROM build AS publish
RUN dotnet publish "projectName.csproj" -c Release -o /app/publish

FROM base AS final
WORKDIR /app
COPY --from=publish /app/publish .
ENTRYPOINT ["dotnet", "projectName.dll"]

我使用add -＆gt;创建了Dockerfile。 dockerSupport函数从Visual Studio中关闭，然后添加了本节以安装NodeJS，NVM和NPM。 我以为也许是CSPROJ文件中的东西，所以我也将其中包括。我尝试卸载和重新安装Dockerdesktop，我尝试使用此Dockerfile不止一次构建，并且我已经付出了NG build -Prod -prod创建Dist File，尽管我知道CSPROJ文件对我来说是这样。 csproj文件...

<Project Sdk="Microsoft.NET.Sdk.Web">

  <PropertyGroup>
    <TargetFramework>net6.0</TargetFramework>
    <Nullable>enable</Nullable>
    <IsPackable>false</IsPackable>
    <SpaRoot>ClientApp\</SpaRoot>
    <SpaProxyServerUrl>https://localhost:44401</SpaProxyServerUrl>
    <SpaProxyLaunchCommand>npm start</SpaProxyLaunchCommand>
    <ImplicitUsings>enable</ImplicitUsings>
    <UserSecretsId>alot of letters and numbers</UserSecretsId>
    <DockerDefaultTargetOS>Linux</DockerDefaultTargetOS>
    <DockerfileContext>.</DockerfileContext>
  </PropertyGroup>

  <ItemGroup>
    <PackageReference Include="Microsoft.AspNetCore.SpaProxy" Version="6.0.4" />
    <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.14.0" />
  </ItemGroup>

  <ItemGroup>
    <!-- Don't publish the SPA source files, but do show them in the project files list -->
    <Content Remove="$(SpaRoot)**" />
    <None Remove="$(SpaRoot)**" />
    <None Include="$(SpaRoot)**" Exclude="$(SpaRoot)node_modules\**" />
  </ItemGroup>

    <Target Name="DebugEnsureNodeEnv" BeforeTargets="Build" Condition=" '$(Configuration)' == 'Debug' And !Exists('$(SpaRoot)node_modules') ">
    <!-- Ensure Node.js is installed -->
    <Exec Command="node --version" ContinueOnError="true">
      <Output TaskParameter="ExitCode" PropertyName="ErrorCode" />
    </Exec>
    <Error Condition="'$(ErrorCode)' != '0'" Text="Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE." />
    <Message Importance="high" Text="Restoring dependencies using 'npm'. This may take several minutes..." />
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
  </Target>
  
  <Target Name="PublishRunWebpack" AfterTargets="ComputeFilesToPublish">
    <!-- As part of publishing, ensure the JS resources are freshly built in production mode -->
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
    <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build -- --prod" />

    <!-- Include the newly-built files in the publish output -->
    <ItemGroup>
      <DistFiles Include="$(SpaRoot)dist\**; $(SpaRoot)dist-server\**" />
      <ResolvedFileToPublish Include="@(DistFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">
        <RelativePath>wwwroot\%(RecursiveDir)%(FileName)%(Extension)</RelativePath>
        <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
        <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
      </ResolvedFileToPublish>
    </ItemGroup>
  </Target>
</Project>

我还认为我的客户端应用不在wwwroot文件夹中的事实可能是一个问题，但我相信wwwroot中的内容仅适用于网站的实时版本，而我只是尝试创建创建一个图像，上面有我的网站。非常感谢任何帮助/资源。

Answer 1

卸载和重新安装Docker做到了这一点。在第一个卸载之后，我意识到Localhost：80仍在加载教程页面，因此我得出的结论是，这只是一个奇怪的错误 - 无人看，该问题在卸载和重新安装Docker，重建/重建/重建/重建/重建/重建/重建/重建/重建/重建/重建/重建/RERUNNNED中得到了解决。图像。我没有更改dockerfile命令，也没有更改CSPROJ文件，简单地卸载，重新安装并运行以下命令

docker build -t myimageName .

，然后进行运行

docker run -dp 80:80/tcp myimageName:latest