如何不使用npm create-app命令借助现有Docker镜像创建NuxtJS应用

一、当前nuxt: not found报错修复 #

报错根本原因 #

你在docker-compose中配置了本地项目目录挂载到容器的/dockerapp路径，Dockerfile构建阶段执行RUN npm install生成的node_modules目录存储在镜像层中，挂载本地目录后，本地没有node_modules的空目录会直接覆盖容器内的对应路径，导致依赖丢失，自然找不到nuxt命令。

修复步骤 #

1. 修改docker-compose.yml的volumes配置，添加node_modules目录排除规则，避免本地覆盖容器内的依赖：

version: "3"
services:
  docker-app:
    build: .
    command: npm run dev
    ports:
      - "4000:4000"
    environment:
      - NUXT_HOST=0.0.0.0
      - NUXT_PORT=4000
    volumes:
      - .:/dockerapp/
      - /dockerapp/node_modules # 新增这行，保留容器内的node_modules

2. （可选优化）调整Dockerfile的指令顺序，优化构建缓存，避免每次修改业务代码都重新安装全部依赖：

FROM <existing_image_name>
RUN mkdir /dockerapp
WORKDIR /dockerapp
# 先复制依赖声明文件，缓存依赖层
COPY package*.json ./
RUN apk update && apk upgrade && apk add git
RUN npm install
# 再复制其余业务代码
COPY . .
EXPOSE 4000
ENV NUXT_HOST=0.0.0.0
ENV NUXT_PORT=4000

3. 重新执行构建启动命令即可：docker-compose up -d --build

二、基于现有Docker镜像创建新Nuxt应用的方法 #

你已经将可用的Nuxt镜像推送至Docker Hub，无需执行npm init nuxt-app即可创建新项目，步骤如下：

1. 新建空文件夹作为新项目的工作目录
2. 执行命令将Docker Hub镜像内的Nuxt项目模板拷贝到本地，将命令内的你的DockerHubID/镜像名:版本号替换为你实际的镜像地址即可：

# Mac/Linux环境执行
docker run --rm -v $(pwd):/temp 你的DockerHubID/镜像名:版本号 cp -r /dockerapp/. /temp

# Windows cmd环境执行
docker run --rm -v %cd%:/temp 你的DockerHubID/镜像名:版本号 cp -r /dockerapp/. /temp

3. 按需修改本地生成的package.json中的项目名称、描述等配置信息
4. 复用你之前的docker-compose.yml和Dockerfile（把基础镜像替换为你自己的Docker Hub镜像即可），直接执行docker-compose up -d就能启动新项目。

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