Тестирование функций Ionic Native с помощью приложения Ionic Dev
Я установил приложение ionic Dev из игрового магазина на свой мобильный телефон. И я могу получить доступ к приложению прямо на мобильном устройстве, просто используя:
ionic serve -c
Но, однако, когда я пытаюсь протестировать нативную функцию ionic, например, для камеры на моем устройстве, я получаю следующую ошибку:
Object(__WEBPACK_IMPORTED_MODULE_0__ionic_native_core__["cordova"]) is not a function.
(In 'Object(__WEBPACK_IMPORTED_MODULE_0__ionic_native_core__["cordova"])(this, "getPicture", { "callbackOrder": "reverse" }, arguments)',
'Object(__WEBPACK_IMPORTED_MODULE_0__ionic_native_core__["cordova"])' is an instance of Object)
Куча:
getPicture@http://192.168.100.4:8100/build/vendor.js:129897:138
scan@http://192.168.100.4:8100/build/main.js:44:88
callWithDebugContext@http://192.168.100.4:8100/build/vendor.js:15423:47
dispatchEvent@http://192.168.100.4:8100/build/vendor.js:10329:36
http://192.168.100.4:8100/build/vendor.js:39890:65
onInvokeTask@http://192.168.100.4:8100/build/vendor.js:5076:43
runTask@http://192.168.100.4:8100/build/polyfills.js:3:10844
invokeTask@http://192.168.100.4:8100/build/polyfills.js:3:16801
p@http://192.168.100.4:8100/build/polyfills.js:2:27654
v@http://192.168.100.4:8100/build/polyfills.js:2:27894
Я пытался найти это сообщение, но поддержки недостаточно. И я тоже не могу понять смысл сообщения.
Любое предложение по этому поводу?
Ответы 2
Проверьте тип вашего проекта в файле ionic.config.json.
Если тип "ионно-угловой", то установить версию 4.x.x. Пример
npm i -s @ionic-native/[email protected]
Если тип "угловатый", то установить 5.x.x
npm i -s @ionic-native/[email protected]
Примечание:
Добавляйте ngx в конце импорта, только если вы используете Угловой 6
import { Camera } from '@ionic-native/camera/ngx';
если не удалить нгкс из импорта как в app.module.ts, так и в app.component.ts
import { Camera } from '@ionic-native/camera';
Вы можете попробовать, добавив один раз бета-версию npm i -s @ionic-native/[email protected]. Для получения более подробной информации вы можете перейти по этой ссылке github.com/ionic-team/ionic/issues/15225#issuecomment-414074074
Я обнаружил проблему, я тестировал на iPhone, и нам нужно явно указать настройки, чтобы разрешить доступ к камере в файле config.xml.
Я смог сделать это, добавив следующие строки кода в файл config.xml:
<edit-config file = "*-Info.plist" mode = "merge" target = "NSCameraUsageDescription">
<string>Used to take pictures and Scan QR codes</string>
</edit-config>
Надеюсь, это поможет другим.
Я использую angular, а версия моей камеры 5.0.X. Более того, я использую /ngx при импорте. Он отлично работает в браузере Cordova или в эмуляторе Cordova. Это не работает, когда я тестирую приложение Ionic Dev на своем мобильном телефоне.