Build Nuxt 3 app in Docker using npm

Environment

Host:

Nuxt CLI v3.0.0-27252861.4f9c87b RootDir: /projects/web/nuxt-test Nuxt project info:

---

• Operating System: Linux
• Node Version: v14.18.1
• Nuxt Version: 3.0.0-27252861.4f9c87b
• Package Manager: npm
• Bundler: Vite
• User Config: nitro
• Runtime Modules: -
• Build Modules: -

---

Inside the Docker building container:

Nuxt CLI v3.0.0-27252861.4f9c87b RootDir: /vue-build Nuxt project info:

---

• Operating System: Linux
• Node Version: v14.18.1
• Nuxt Version: 3.0.0-27252861.4f9c87b
• Package Manager: npm
• Bundler: Vite
• User Config: nitro
• Runtime Modules: -
• Build Modules: -

---

Describe the bug

During the build of my Nuxt 3 app with npm inside the node:lts Docker image, the build fails saying sh: 1: nuxi: not found. When I do the same with Yarn as the package manager inside the node:lts Docker image, the build works fine and my application can be launched as a Docker container.

Reproduction

1. Create a nuxt 3 project app: npx nuxi init nuxt3-app
2. Install the dependencies: npm install
3. Create a .dockignore file:

.nuxt
.output
node_modules

1. Create a file Dockerfile containing the following content:

FROM node:lts as builder
WORKDIR /vue-bd
COPY package*.json ./
RUN npm install --prefer-offline --pure-lockfile --non-interactive --production=false
COPY . .
RUN npm run build

FROM node:lts-alpine
WORKDIR /app
COPY --from=builder /vue-bd/package*.json ./
RUN NODE_ENV=production npm install --pure-lockfile --non-interactive --production=true
COPY --from=builder /vue-bd/.output ./.output
EXPOSE 3000
ENTRYPOINT [ "npm", "run", "start" ]

1. Build the image: docker build . -t=my-nuxt-image

Additional context

By replacing every occurrence of npm by its equivalent in Yarn, the Docker image builds perfectly. Also, by deleting package-lock.json, the build also completes.

Logs

Step 7/15 : RUN npm run build
 ---> Running in 1aa78248f392

> @ build /vue-bd
> nuxi build

sh: 1: nuxi: not found
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! @ build: `nuxi build`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the @ build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-10-25T16_21_08_211Z-debug.log
The command '/bin/sh -c npm run build' returned a non-zero code: 1

[toimc]

@danielroe so sorry to disturb you.

Here my config, and it works.

FROM node:16 as builder
WORKDIR /vue-bd
COPY package*.json ./
RUN npm install --prefer-offline --pure-lockfile --non-interactive --production=false --registry=https://registry.npm.taobao.org
COPY . .
RUN npm run build

FROM node:lts-alpine
ENV NODE_ENV=production
ENV HOST 0.0.0.0 

WORKDIR /app
COPY --from=builder /vue-bd/package*.json ./
RUN NODE_ENV=production npm install --pure-lockfile --non-interactive --production=true --registry=https://registry.npm.taobao.org

COPY --from=builder /vue-bd/.output ./.output
EXPOSE 3000
ENTRYPOINT [ "npm", "run", "start" ]

[Guovin]

I also meet this problem, nuxi not found, https://github.com/nuxt/framework/issues/4737