相关疑难解决方法(0)

我正在尝试对 Vite React-Typescript 样板设置进行 dockerize，但无法连接到容器。

安装了 vite-react-typescript 样板：

npm init vite@latest vite-docker-demo -- --template react-ts

Dockerfile

# Declare the base image
FROM node:lts-alpine3.14
# Build step
# 1. copy package.json and package-lock.json to /app dir
RUN mkdir /app
COPY package*.json /app
# 2. Change working directory to newly created app dir
WORKDIR /app
# 3 . Install dependencies
RUN npm ci
# 4. Copy the source code to /app dir
COPY . .
# 5. Expose port 3000 on the …

我正在尝试使用 docker 容器运行我的 vite+react 应用程序，代码运行良好，但不幸的是，它没有在 localhost 3000 中打开

Docker文件

FROM node:18-alpine

EXPOSE 3000

WORKDIR /react-vite-app

COPY package.json .

RUN yarn install

COPY . .

CMD [ "yarn","build"]

docker-compose.yml

version: "3.8"
services:
    reactapp:
      build: ./dir
      container_name: react_vite_app
      ports:
        - '3000:3000'

是否缺少某些内容，如果有问题请帮我解决这个问题