Uncaught (in promise): cordova_not_available в Ionic 2

Вы обращаетесь к родным плагинам при тестировании в браузере. Для того чтобы плагины работали, для тестирования следует использовать реальное устройство.

Для того, чтобы ваш код был тестируемым в браузере (или вообще не ломался при тестировании в браузере), вы должны иметь if-статью, проверяющую, доступна ли Cordova:

  if (this.platform.is('cordova')) {
    // You're on a device, call the native plugins. Example: 
    //
    // var url: string = '';
    // 
    // Camera.getPicture().then((fileUri) => url = fileUri);
  } else {
    // You're testing in browser, do nothing or mock the plugins' behaviour.
    //
    // var url: string = 'assets/mock-images/image.jpg';
  }

EDIT:

Как правильно упоминает Рики Леви здесь ниже, Ionic поддерживает платформу browser. Используя эту платформу, большинство распространенных плагинов могут работать. Обратите внимание, что некоторые плагины не будут работать, например, плагин Barcode-scanner. Так как он будет выдавать предупреждение, запрашивая значение, которое необходимо сканировать. Что приведет к потере всего смысла использования сканера штрих-кодов.

Может что-то изменилось с тех пор, но ионные теперь поддерживает и"браузер" в качестве платформы ( против просто просматривать ) - что делает Кордова плагины в браузере.

Чтобы использовать его, вы добавить платформы платформы ионной Кордова добавить браузер

И тогда вы запустите ионные ионные Кордова запустить браузер против служить ( ионные запустить браузер - как ионные Кордова запустить ионные Андроид " или " Кордова управлением iOS )

Cordova доступна только тогда, когда вы запускаете свое приложение на реальном устройстве. Когда вы тестируете свое приложение в браузере, оно не может получить доступ к родным плагинам.

Вы можете проверить, находитесь ли вы на реальном устройстве или в таком браузере:

if (this.platform.is('cordova')) {
  // You are on a device, cordova plugins are accessible
} else {
  // Cordova not accessible, add mock data if necessary
}

Это поможет вам протестировать только те части вашего приложения, которые не зависят от плагинов cordova. Чтобы действительно протестировать ваше приложение, вам нужно запустить его на устройстве или в эмуляторе.

Для запуска приложения в браузере

1.Проверьте платформу

# import {Platform} from 'ionic-angular';
 # constructor(public platform:Platform) {
     if (this.platform.is('core')) {
      this.myPlatform = "Browser";
      console.log('I am on a web browser')
    } else {
      this.mobileDevice = "True"
    }
   }

Использовать эти проверки в методах, где вы реализуете зависимости Кордова.

Загрузите приложение Ionic View, а затем выполните команду ionic upload.

После этого вы сможете просмотреть приложение на своем телефоне, и нативные функции будут работать.

Используя Кордова тренажер помогает предотвратить ошибка: Неперехваченные (обещанию): cordova_not_available.

• Установите Кордова симулятор

НПМ установки -G в Кордова-имитация

• Запустить Кордова симулятор:

• Из командной строки в любом месте в рамках проекта Кордова введите следующее:

имитировать [платформа] [--цель=браузер]

• "платформа" любой платформенный Cordova, которая была добавлена в проект. По умолчанию браузер.
• "браузер" - это название браузера, чтобы запустить ваше приложение. Может быть любой из следующих: по умолчанию, хром, хром, край, в Firefox, е, опера, сафари.

Пример:

simulate android --target=chrome

Эта команда открывает 2 вкладки в браузере Chrome на следующие адреса и порты:

1. http://localhost:8000/simulator/index.html
2. http://localhost:8000/index.html

Вы можете использовать вкладку симулятор для изменения и имитации условий устройства, такие как GPS-координаты, тип интернет-соединения, устройство ориентации и т. д. и вы можете использовать другие вкладки, чтобы проверить ваше приложение.

эта ошибка генерируется при попытке получить доступ к мобильным функциям, например, номера мобильного устройства, если вы хотите получить доступ к черни, GPS, вам нужно Кордова это's в цепи между JavaScript-кодом и целевой платформы

лучшее, что можно сделать, это проверить условиях вы работаете, если его Кордова, так что вы Дон'т упасть в Кордова не фонд ошибка

    if (this.platform.is('cordova')) {
    // You're on a mobile device "IOS ANDROID WINDOWS" 
    // now you can call your native plugins
  } else {
    // You're testing in a browser so you may want to use another method or run your code on a emulator
  }