使用 Cordova、React 和 Nrwl Nx 构建混合移动应用程序

Question

我正在为我的公司进行概念验证，以展示我们的 monorepo 如何从 Nx 和混合移动应用程序中受益。 到目前为止，我有一个 Nx 项目，其中包含一些可重用的组件（作为 Nx 库），我将其发布到本地 npm 注册表。 我通过 create-react app 创建了第二个 React 应用程序，我在其中使用了在第一个应用程序中发布的包。 然后，我需要基于第二个应用程序构建一个混合移动应用程序，以演示该应用程序在各种平台上工作并使用公共库。

到目前为止，在我的 poc 中，能够完成前面的步骤，并使用适用于 Nx 的 nxtend 插件（ https://nxtend.dev/docs/capacitor/overview ）使用 Capacitor 使混合移动应用程序正常工作。 作为另一项任务，我还需要使用 Cordova 构建另一个混合移动应用程序。 我知道我可以在 Cordova 中使用钩子来编写一个脚本，该脚本可以首先构建 react 应用程序，然后在移动平台上运行它，并尝试它。 但是，当我在 Cordova 中运行应用程序时（使用cordova run ios ），虚拟设备只显示一个空白页面。 我想知道我是否需要按照不同的步骤安装软件包以供 Cordova 使用，或者是否有不同的方法来完成此操作。

我按照这篇文章将 React 与 Cordova 集成，但出现此错误：

$ cordova run android
Error: Command failed: /.../cordovaProject/node_modules/.bin/react-scripts build

    at ChildProcess.exithandler (child_process.js:383:12)
    at ChildProcess.emit (events.js:400:28)
    at maybeClose (internal/child_process.js:1058:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:293:5) {
  killed: false,
  code: 1,
  signal: null,
  cmd: '.../cordovaProject/node_modules/.bin/react-scripts build'
}
Command failed: ...cordovaProject/node_modules/.bin/react-scripts build