Блог

Главная - Вопросы по программированию - Ошибка типа: не удается прочитать свойство «плагины» неопределенного для плагина cordovaLocalNotification

Ошибка типа: не удается прочитать свойство «плагины» неопределенного для плагина cordovaLocalNotification

#javascript #angularjs #cordova #ionic-framework #cordova-plugins

#javascript #angularjs #кордова #ionic-framework #cordova-плагины

Вопрос:

Я разрабатываю гибридное приложение с использованием платформы ionic. Я реализую функции cordovalocalnotification, но он выдает сообщение с не удается прочитать свойство «плагины» undefined. Ниже приведен мой код. Любой может помочь мне решить эту проблему.

index.html

 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src  'self' 'unsafe-inline' *">
  <title></title>

  <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">

  <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

  <!-- ionic/angularjs js -->
  <script src="lib/ionic/js/ionic.bundle.js"></script>

  <!-- cordova script (this will be a 404 during development) -->
  <script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
  <script src="cordova.js"></script>

  <!-- your app's js -->
  <script src="js/app.js"></script>
</head>

<body ng-app="starter" ng-controller="SampleController">

  <ion-pane>
    <ion-header-bar class="bar-stable">
      <h1 class="title">Local Notification Sample</h1>
    </ion-header-bar>
    <ion-content>

        <button class="button button-block button-positive" ng-click="scheduleInstantNotification()">
          Instant 
        </button>

    </ion-content>
  </ion-pane>
</body>

</html>

app.js

 angular.module('starter', ['ionic', 'ngCordova'])
  .run(function ($ionicPlatform, $rootScope) {
    $ionicPlatform.ready(function () {
        if (window.cordova amp;amp; window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        }
        if (window.StatusBar) {
            StatusBar.styleDefault();
        }

        $rootScope.$on('$cordovaLocalNotification:schedule',
            function (event, notification, state) {
                console.log("SCHEDULE");
                console.log('event', event);
                console.log('notification', notification);
                console.log('state', state);
            });

        $rootScope.$on('$cordovaLocalNotification:trigger',
            function (event, notification, state) {
                console.log("TRIGGER");
                console.log('event', event);
                console.log('notification', notification);
                console.log('state', state);
            });

        $rootScope.$on('$cordovaLocalNotification:update',
            function (event, notification, state) {
                console.log('UPDATE');
                console.log('event', event);
                console.log('notification', notification);
                console.log('state', state);
            });

        $rootScope.$on('$cordovaLocalNotification:cancel',
            function (event, notification, state) {
                console.log('CANCEL');
                console.log('event', event);
                console.log('notification', notification);
                console.log('state', state);
            });
    });
  })
  .controller('SampleController',
    function ($scope, $cordovaLocalNotification, $ionicPlatform) {
        $ionicPlatform.ready(function () {

            $scope.scheduleInstantNotification = function () {
                $cordovaLocalNotification.schedule({
                    id: 1,
                    text: 'Instant Notification',
                    title: 'Instant'
                }).then(function () {
                    alert("Instant Notification set");
                });;
            };
            };
        });
    });

Комментарии:

1. Можете ли вы проверить, добавлен ли плагин в проект?

2. добавлен плагин @bvakiti I.

3. Отладьте свое приложение с помощью инструментов разработчика и проверьте значение cordova.plugins . Клавиатура

4. Может быть только два сценария для проверки, в папке вашего проекта, проверьте, присутствует ли плагин клавиатуры в папке плагинов или нет? Затем отладьте свое мобильное приложение с помощью инструментов отладки Chrome и проверьте cordova.plugins. Клавиатура .

5. @bvakiti cordova keyboard — это плагин, основанный на ionic-pugin-keyboard 2.2.1 «клавиатура»

Ответ №1:

Используйте window.cordova.plugins вместо cordova.plugins 

 if (window.cordova amp;amp; window.cordova.plugins.Keyboard) {
      //cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      window.cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}

Комментарии:

1. @Revi Teja По-прежнему отображается ошибка с ionic.bundle.js: 21162 Ошибка типа: не удается прочитать свойство «плагины» неопределенного

2. @Ravi Teja Я все еще получаю ту же ошибку Не удается прочитать свойство «плагины» неопределенного

Ответ №2:

Добавьте свой плагин с помощью плагина cordova add ionic-plugin-keyboard

Напишите приведенный выше код в ondeviceready, он должен работать.

Вы можете проверить с помощью инструментов разработчика. Отладьте свое мобильное приложение и проверьте наличие cordova.plugins.Клавиатура