Reactjs ASP.NET Core 5.0使用docker compose处理应用程序npm错误

我一直在尝试将我的react应用程序部署到本地docker，但是每次尝试“docker compose up”时，终端都会出现以下错误。我的桌面上有最新版本的npm和node，但我相信错误来自docker没有更新到最新版本。因此，我将其包含在dockerfile中，但仍然无法将其部署。我似乎也找不到package.json和package-lock.json文件，即使它们包含在内，而且我更改了工作目录

任何帮助都将不胜感激！我首先列出了项目中的docker文件以及错误。我对docker很陌生，所以这可能是对一些简单事情的误解

DOCKER文件

# ARG may not be needed.
ARG NODE_IMAGE=node:16.0
FROM mcr.microsoft.com/dotnet/sdk:5.0 AS base
WORKDIR /app
EXPOSE 80
RUN curl -sL https://deb.nodesource.com/setup_16.x |  bash -
RUN apt-get install -y nodejs

FROM ${NODE_IMAGE} as node-build

WORKDIR /clients
COPY Clients/WebSPA/ClientApp/package.json .
COPY Clients/WebSPA/ClientApp/package-lock.json .
COPY Clients/WebSPA .
RUN npm i npm@7.12.0 -g && npm update && npm install && npm run build:prod

FROM mcr.microsoft.com/dotnet/sdk:5.0.102-ca-patch-buster-slim AS build
RUN curl -sL https://deb.nodesource.com/setup_16.x |  bash -
RUN apt-get install -y nodejs

WORKDIR /src

# It's important to keep lines from here down to "COPY . ." identical in all Dockerfiles
# to take advantage of Docker's build cache, to speed up local container builds
COPY "MyApp.sln" "MyApp.sln"

COPY "Services/Identity/Identity.API/Identity.API.csproj" "Services/Identity/Identity.API/Identity.API.csproj"
COPY "Services/Teams/Teams.API/Teams.API.csproj" "Services/Teams/Teams.API/Teams.API.csproj"
COPY "Clients/WebMVC/WebMVC.csproj" "Clients/WebMVC/WebMVC.csproj"
COPY "Clients/WebSPA/WebSPA.csproj" "Clients/WebSPA/WebSPA.csproj"

RUN dotnet restore "MyApp.sln"

COPY . .
COPY --from=node-build /web/wwwroot /src/Clients/WebSPA/wwwroot/
WORKDIR /src/Clients/WebSPA

RUN dotnet build "WebSPA.csproj"
RUN dotnet publish --no-restore -c Release -o /app

FROM build as publish

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

错误

webspa | npmfail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm公告
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm注意新的npm次要版本可用！7.11.2 -> 7.12.0
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm通知变更日志：
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm通知运行`npm安装-gnpm@7.12.0`更新！
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm公告
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误！代码eNONT
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误！系统调用打开
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误！path/app/ClientApp/package.json
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误！errno-2
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误！enoint enoint：没有这样的文件或目录，打开“/app/ClientApp/package.json”
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误！eNONT这与npm无法找到文件有关。
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误！埃诺特
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误！此运行的完整日志可在以下位置找到：
韦伯帕|
webspa | fail:Microsoft.AspNetCore.SpaServices[0]
webspa | npm错误/root/.npm/_logs/2021-05-10T01_56_18_635Z-debug.log

我意识到自己有输入错误，但没有解决问题

webspa          | npmfail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm notice
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm notice New minor version of npm available! 7.11.2 -> 7.12.0
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm notice Changelog: <https://github.com/npm/cli/releases/tag/v7.12.0>
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm notice Run `npm install -g npm@7.12.0` to update!
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm notice
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR! code ENOENT
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR! syscall open
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR! path /app/ClientApp/package.json
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR! errno -2
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR! enoent ENOENT: no such file or directory, open '/app/ClientApp/package.json'
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR! enoent This is related to npm not being able to find a file.
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR! enoent
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR! A complete log of this run can be found in:
webspa          |
webspa          | fail: Microsoft.AspNetCore.SpaServices[0]
webspa          |       npm ERR!     /root/.npm/_logs/2021-05-10T01_56_18_635Z-debug.log