Nextjs 无法在生产 node_env 的“.next”目录中找到有效的构建

IT技术 node.js reactjs docker next.js
2021-05-08 12:44:48

我在 docker 中运行我的应用程序，但我的生产构建和启动脚本仅在 docker 环境中失败。尽管 node_env 开发在 docker 环境中运行良好。

这是我的脚本，它无法进行生产构建并启动服务器。我正在使用 nodemon 和 babel

"build:prod": {
      "command": "babel ./src/server/ -d server --presets es2015,stage-2 && next build src",
      "env": {
        "NODE_ENV": "production"
      }
    },
    "start:prod": {
      "command": "PORT=3000 nodemon --watch ./src/server/ ./src/server/server.js --exec babel-node --presets es2015,stage-2",
      "env": {
        "NODE_ENV": "production"
      }
    }

但是当我在 docker 环境中给出相同的命令时： 

FROM node:8-alpine

COPY package.json /tmp/package.json

RUN cd /tmp && npm install

RUN mkdir -p /opt/app && cp -a /tmp/node_modules /opt/app

WORKDIR /opt/app

ADD . /opt/app

RUN npm run build:prod

EXPOSE 3000

CMD ["npm", "run", "start:prod"]

我在 docker 中收到以下错误： 

 > better-npm-run start:prod
site_1      | 
site_1      | running better-npm-run in /opt/app
site_1      | Executing script: start:prod
site_1      | 
site_1      | to be executed: PORT=3000 NODE_ENV=production nodemon --watch ./src/server/ ./src/server/server.js --exec babel-node --presets es2015,stage-2 
site_1      | [nodemon] 1.17.3
site_1      | [nodemon] to restart at any time, enter `rs`
site_1      | [nodemon] watching: /opt/app/src/server/**/*
site_1      | [nodemon] starting `babel-node ./src/server/server.js --presets es2015,stage-2`
site_1      | false 'production'
site_1      | > Could not find a valid build in the '.next' directory! Try building your app with 'next build' before starting the server.
site_1      | [nodemon] app crashed - waiting for file changes before starting...

我将不胜感激，并且很高兴知道我做错了什么。

4个回答

您需要确保该.next目录没有从您的主机中复制

ADD . /opt/app

还将添加.next您在主机上的目录。我会添加.dockerignore并添加.next相同的内容。然后再次构建并运行

随着时间的推移，这个问题已经获得了相当多的额外投票，让我详细说明一些您在面对上述问题时可能需要考虑的事项。

版本

请参考官方文档，其中 Vercel 将 Node.js 版本10.13 or later列为要求。

使用硬化图像进行生产

我还建议使用经过生产强化并被证明是安全的图像。使用像 Bitnami 这样的开源图像被认为是一种很好的做法（为什么？，示例）。请注意，这将解决您的问题，因为现在您不再使用任何本地文件。

保证构建完整性

建议忽略文件中的node_modules任何构建工件.next，.dockerignore并在构建时yarn或npm期间安装缓存文件夹。这样您就可以确保node_modules为您的图像生成正确的操作系统绑定。

检查你的 .dockerignore

FROM node:latest

# Create app directory
WORKDIR /usr/src/app

# Install app dependencies
# A wildcard is used to ensure both package.json AND package-lock.json are copied
# where available (npm@5+)
COPY package*.json ./

RUN npm install pm2 -g
ENV NPM_CONFIG_LOGLEVEL warn
RUN npm install --production

# Show current folder structure in logs
RUN ls -al -R

# Bundle app source
COPY . .

EXPOSE 8080

CMD [ "npm", "start" ]

对于使用 nextjs 的生产，请使用以下命令

npm run build && npm run start
其它你可能感兴趣的问题
上一篇玩笑react示例 下一篇react警告超过最大更新深度