Next.js 应用程序在创建图像后无法正常工作

Posted 2023-03-07

【中文标题】Next.js 应用程序在创建图像后无法正常工作

【英文标题】：The Next.js app does not work well after creating the image

【发布时间】：2021-11-03 07:25:35

【问题描述】：

创建 docker 镜像后出现问题。

如果我在没有 Docker 的情况下构建应用程序（npm run build、npm start），一切正常。截图如下。

请提出解决问题的方法

Dockerfile：

FROM node:alpine

RUN apk add --no-cache libc6-compat

RUN mkdir /brahhouse

WORKDIR /brahhouse

COPY ./package*.json /brahhouse

RUN npm install

COPY . /brahhouse

RUN npm run build

CMD ["npm", "start"]

我用命令构建 docker 镜像：

docker build -t brahouse .

我用命令运行 docker 镜像：

docker run -p 3000:3000 brahouse

截图：

没有 Docker 的应用

Docker 映像中的应用程序

【问题讨论】：

它到底是怎么不起作用的？你的 docker run 命令是什么样的？您的应用程序中侦听端口的部分是什么样的？

你在使用 TailwindCSS 吗？很可能由于生产模式，您的 CSS 正在被清除。 ***.com/a/66484297/11613622

【参考方案1】：

问题已解决

谢谢brc-dd

解决方案：

编辑tailwind.config.js (purge -> content) 为tailwind-css使用的组件、页面和其他文件夹设置正确的路径