DeviceReady 事件不触发cordova framework7

如何解决DeviceReady 事件不触发cordova framework7

在 f7 的模板页面内，我有一个脚本正在运行，并且 deviceready 没有在内部触发，因为我的控制台中没有任何内容。 如果我不包含 ondeviceready，它工作正常，但我必须将它用于本地通知插件。 我试图在按下 btnzaaltoevoegen 按钮时收到通知。

<template>
  <div class="page" data-name="light">
    <div class="navbar">
      <div class="navbar-bg"></div>
      <div class="navbar-inner sliding">
        <div class="title" id="logoutDiv">
          Zaal Toevoegen
          <a class="btnlogout" id="logoutzaal"
            ><i class="fas fa-sign-out-alt logoutButton"></i
          ></a>
          <script>
            document
              .getElementById("logoutzaal")
              .addEventListener("click",function () {
                window.location.href = "../index.html";
              });
          </script>
        </div>
      </div>
    </div>

    <div class="page-content">
        <button id="btnZaalToevoegen">Voeg zaal toe</button>
<script>
          document.addEventListener("deviceready",onDeviceReady,false);

          function onDeviceReady() {
            document
              .getElementById("btnZaalToevoegen")
              .addEventListener("click",function () {
                //#region noti
                cordova.plugins.notification.local.schedule({
                  title: "My first notification",text: "Thats pretty easy...",foreground: true,});
</div>
</template>