部署到 Azure App Service 后 React App 失败

React App fails after deploy to Azure App Service

我构建了 React App 并将其部署到 Azure App Service 的 Linux 计划。

我在 2 个不同的服务计划中有 2 个版本的服务。

对代码进行一些更改后,我尝试将其部署到其中一个计划,但它无法启动/

本地正常。

但是在服务器上我收到这条消息“:(应用程序错误”;

我通过 Visual Studio 代码部署应用程序,但在 Github 操作中遇到同样的问题。

在日志文件中,我发现了这个

在“/home/site/wwwroot/oryx-manifest.toml”找不到构建清单文件 在清单中找不到操作 ID。正在生成操作 ID...

看起来很奇怪,因为在第二个服务计划中我有这个文件并且这个版本有效。

日志中的第二条消息

npm 开始 npm info 如果它以 ok 结尾它就有效 使用 npm@6.14.14 的 npm 信息 使用 node@v12.22.4 的 npm 信息 pm 信息生命周期 backup-resurge@0.1.0~prestart: backup-resurge@0.1.0 npm 信息生命周期 backup-resurge@0.1.0~start: backup-resurge@0.1.0

backup-resurge@0.1.0 开始/home/site/wwwroot 反应脚本开始

/home/site/wwwroot/node_modules/.bin/../node/bin/node: 1: /home/site/wwwroot/node_modules/.bin/../node/bin/node:这个:没有找到 npm info lifecycle backup-resurge@0.1.0~start:无法执行启动脚本 错误!代码生命周期 错误!系统调用生成 错误!文件sh 错误!错误的恩诺特 错误! backup-resurge@0.1.0 开始:反应脚本开始 错误!生成 ENOENT 错误! 错误! backup-resurge@0.1.0 启动脚本失败。 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。 npm 计时 npm 在 1606 毫秒内完成

但我认为该文件存在

有谁知道我可以尝试解决这个问题吗?

  • 尝试在启动命令中使用 npx serve -s
  • 我在Stack settings中改成Major version,项目运行正常。

Failed to exec start script npm ERR! code ELIFECYCLE npm ERR!

清洁CacheNode_module还不够。按照以下步骤操作:

  • npm cache clean --force
  • 删除 node_modules 文件夹
  • 删除package-lock.json 文件
  • npm install

请参考Deploy create-react-app with azure pipelines and 话题参考