reactjs - 运行React应用程序的Azure Linux容器无法启动

Question

在 azure Linux 容器上启动 React 应用程序时，会引发以下错误。镜像在本地机器的docker容器上运行成功。

[34mℹ[39m [90m｢wds][39m: 项目运行在 http://192.168.0.13/[34mℹ[39m [90m｢wds｣[39m: webpack 输出由[34mℹ[39m [90m｢wds｣][39m:不是来自 webpack 的内容由/react-assignment1/public 提供[34mℹ[39m [90m｢wds｣[39m: 404s 将回退到/启动开发服务器...

节点:事件:491扔呃；//未处理的“错误”事件^

错误:spawn/mnt/c/Windows/System32/WindowsPowerShell/v1.0/powershell.exe ENOENT在 ChildProcess._handle.onexit (节点:内部/child_process:283:19)在 onErrorNT (节点:内部/child_process:476:16)在 process.processTicksAndRejections (节点:内部/进程/task_queues:82:21)在 ChildProcess 实例上发出“错误”事件:在 ChildProcess._handle.onexit (节点:内部/child_process:289:12)在 onErrorNT (节点:内部/child_process:476:16)在 process.processTicksAndRejections (节点:内部/进程/task_queues:82:21){错误号:-2，代码:'ENOENT'，系统调用:'spawn/mnt/c/Windows/System32/WindowsPowerShell/v1.0/powershell.exe',路径: '/mnt/c/Windows/System32/WindowsPowerShell/v1.0/powershell.exe',生成参数:['-无配置文件','-非交互式','-执行策略','旁路'，'-编码命令','UwB0AGEAcgB0ACAAIgBoAHQAdABwADoALwAvAGwAbwBjAGEAbABoAG8AcwB0ADoAMwAwADAAMAAiAA==']}

Node.js v18.14.1

Answer 1

我尝试使用以下步骤重现相同的结果，并得到了积极的结果。

第 1 步:使用以下命令创建 React 应用。

#npx create-react-app <app-name>

请参阅此链接 Create a New React App – React (reactjs.org)有关创建 React 应用程序的更多信息。

第2步:编写Dockerfile并将其放置在react应用程序的根文件夹中。

FROM node:18-alpine3.16
WORKDIR /app
COPY . /app
RUN npm install
RUN npm run build
CMD ["npx", "serve", "-s", "build"]

第 3 步:使用以下命令构建 Dockerfile 并验证 Docker 镜像。

 $docker build -t <image_name> <location of the docker file> (“.” Indicates current working directory) 
 `$docker image`s --> to check for images

第 4 步:使用以下命令在本地运行图像并在浏览器上访问它。

$docker run -d -p <host port>:<container port> <image name>

第 5 步:使用 ACR 登录服务器名称标记 docker 镜像并将其推送到 ACR。

$docker tag reactappaci10:latest humbleacr.azurecr.io/reactappaci10:latest
$docker images
$docker push humbleacr.azurecr.io/reactappaci10

第 6 步:使用以下配置创建 Azure 容器实例。

注意:ACI 端口和容器端口必须相同。

现在在浏览器中访问[IP 地址:端口]。