Visual Studio Angular模板Docker部署报MSB3030：找不到exe文件

error MSB3030: Could not copy the file "C:\Users\porterc\Documents\Personal Projects\LostChapters\FrontEnds\LostChaptersSpa\lost-chapters-spa\lost-chapters-spa.esproj\lost-chapters-spa.exe" because it was not found.

Dockerfile配置 #

FROM node:16.14.2-alpine as builder
COPY . /app
WORKDIR /app
RUN npm install
RUN npm run build

FROM nginx:1.17.10-alpine
EXPOSE 80
COPY --from=builder /app/dist/lost-chapters-spa /usr/share/nginx/html

docker-compose配置 #

lostchaptersspa:
  container_name: lost_chapters_spa
  image: ${DOCKER_REGISTRY-}lostchaptersspa
  build: FrontEnds/LostChaptersSpa/lost-chapters-spa
  ports:
       - 4200:80
  networks:
       - lost_chapters_network 

这个问题是因为Visual Studio的.esproj项目模板（用于托管JavaScript/TypeScript前端项目）错误套用了类似.NET项目的输出逻辑——它默认尝试寻找并复制可执行文件（.exe），但Angular是纯前端项目，构建后只会生成静态资源（HTML/CSS/JS文件），根本不会产生.exe可执行文件，因此触发了找不到文件的错误。

• 修改.esproj项目配置
  打开lost-chapters-spa.esproj文件，找到涉及输出或复制.exe的配置节点，直接移除或修改：

  1. 查找是否存在<OutputType>节点，若设置为Exe，将其改为<OutputType>None</OutputType>；
  2. 定位所有包含lost-chapters-spa.exe的<Copy>或<ItemGroup>节点，删除相关的复制逻辑。

• 调整Visual Studio启动方式
  不要通过Visual Studio的"启动"按钮直接运行该Angular项目，改用以下方式：

  1. 在项目根目录打开终端，执行npm start直接启动Angular开发服务器；
  2. 直接使用Docker Compose构建运行：在终端执行docker-compose up --build，绕开Visual Studio的项目输出检查。

• 修正启动配置
  在Visual Studio中，右键Angular项目 → 属性 → 调试，将启动命令设置为npm start，启动环境选择Node.js，让VS调用Node.js来启动项目，而非寻找不存在的.exe文件。

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