使用Laravel Docker示例部署Vue新项目时执行命令报错求助

你遇到的问题核心是用了Laravel专属的Docker配置来运行Vue项目，原配置里的Laravel命令（如php artisan wayfinder:generate）对Vue完全不适用，同时npm命令格式也有错误。以下是具体解决方法：

• 删掉Laravel相关命令：在compose.dev.yaml或对应的Dockerfile中，找到执行php artisan wayfinder:generate的代码块，直接删除整行。这个命令是Laravel的代码生成工具，Vue项目不需要。
• 修正npm命令格式：报错里的/bin/sh -c. npm install && npm run build存在语法错误，-c后面多了个点，正确格式应为/bin/sh -c "npm install && npm run build"（注意-c后加空格，命令用引号包裹）。
• 替换基础镜像适配Vue：原Laravel配置用的是PHP镜像，Vue项目需要基于Node.js镜像构建。修改Dockerfile，换成node:20-alpine这类Node镜像作为基础镜像，示例如下：

FROM node:20-alpine
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
CMD ["npm", "run", "dev"] # 开发环境用热重载，生产环境再换成npm run build

• 调整Docker Compose配置：移除原配置中PHP、Laravel相关的服务，只保留适配Vue的服务。示例compose.dev.yaml：

services:
  vue-app:
    build:
      context: .
      dockerfile: Dockerfile.dev
    ports:
      - "5173:5173" # 映射Vue默认开发端口
    volumes:
      - .:/app
      - /app/node_modules # 避免本地node_modules覆盖容器内依赖

注意：开发环境不需要执行npm run build，该命令是生产环境打包静态文件用的，开发阶段直接跑npm run dev即可。

内容的提问来源于stack exchange，提问作者Кирилл Голубев