android - deviceready 事件未在 Angular 混合应用程序中触发

Question

我正在构建一个将用 Cordova 8.1.2 包装的全平台 Angular 6 应用程序，不幸的是我无法触发 deviceready 事件。

我有两个单独的项目，一个用于 Angular，一个用于 Cordova，我能够构建 Angular 项目并使用以下命令创建一个 android apk:

ng build --prod --base-href . --output-path ../Cordova/CordovaMobileApp/www/ & cd ../Cordova/CordovaMobileApp & cordova run android & cd ../../NxAngularMVI

现在我需要使用 Cordova 插件，为此我需要检测 deviceready 事件。

在我的 index.html 头文件中，我已经包含了:

  <script type=”text/javascript” src=”cordova.js”></script>

在我的 main.ts 文件中，我试图等待事件发生以引导我的应用程序。

const onDeviceReady = () => {
   console.log('Bootstrap ON!');
   platformBrowserDynamic().bootstrapModule(AppModule).catch(err => 
         console.log(err));
};

document.addEventListener('deviceready', onDeviceReady, false);

应用程序永远不会初始化，因为永远不会触发 deviceready 事件。我已经尝试了几种我在这个引导方法的堆栈溢出中发现的变体，但无济于事。我尝试重新安装从框架到平台再到插件的每个 cordova 部分，但没有任何帮助。我已经在 Galaxy S9 和摩托罗拉 G5 上对其进行了测试。

由于 Cordova API 提供的这个功能是我的项目所必需的，所以我需要你们的帮助。谢谢!

Answer 1

正如本帖中已回答的那样 Is there a way to submit a reactjs PWA on Google Play? ，您可以在 Chrome 控制台中调试您的 cordova 应用程序，请按照以下步骤操作

1. 将您的设备连接到已安装的应用程序(必须是 DEBUG版本，不是发布)
2. 打开 Chrome 控制台，在最后一个选项卡附近您应该会看到一个三垂直点图标，单击它并选择“更多工具”，然后选择“远程”devices'，您应该会看到已连接的设备已列出。选择它
3. 在列表中找到您的应用程序并单击“检查”按钮，位于此时，您还应该在 Chrome 浏览器中打开您的应用程序。

由于应用程序没有启动，您可以检查 Chrome 控制台是否有错误，让我们知道

干杯