Ionic Native Object(…) is not a function

[pinionservices]

I am trying to use Angular 6 + Ionic 4 latest beta

I am having issues with Native plugins of network and device. I am stuck with these issues and painful to go back to ionc v3. I wish I did not update it to ionic 4 beta. I guess now it is too late.

I am getting an error:

Object(…) is not a function

Object…/node_modules/@ionic-native/device/index.js

using:
“@ionic-native/core”: “5.0.0-beta.14”,
“@ionic-native/device”: “^4.16.0”,

Latest cordova, along with the device-plug-in.

Anyways, any update on this is appreciated.
Thanks
Kris

[reedrichards]

No offense but I guess I answered this question at least ten times on the forum

First error, you are mixing the ionic-native package, they must be synced, update them all to 5-beta.14 or more recent

then don’t forget to change your imports to import... /ngx

[pinionservices]

Thank you for the response, when I tried to use I am having issues where font color is blur and cannot read the content. I am forced to use stick to 4.0.0-beta-11 for ionic/angular.

“@ionic/angular”: “4.0.0-beta.14”,
All the other are latest, as far as I know.

But I will look into them and will make sure they are. Good suggestion.

And for the device plugin there is no /NGX in the import, did you try this?

I did read the other forum posts and tried a lot before approaching you guys. My intent is not waste your time repeating the same answers, but unfortunately the recommended suggestions do not work or very generic and not addressing the concern.

Appreciate your help on this.

Thanks
Kris

[ramon]

Please, do a quick search before creating a new post.

Ionic 4 Beta: Object(...) is not a function

Hi, I just upgraded my app to beta 4 but I’m having some troubles when running ionic serve. The page stays blank and I get the following in my console. index.js:197 Uncaught TypeError: Object(...) is not a function at index.js:197 at Object../node_modules/@ionic-native/camera/index.js (index.js:257) at __webpack_require__ (bootstrap:81) at Object../src/app/app.module.ts (app.component.ts:10) at __webpack_require__ (bootstrap:81) at Object../src/main.ts (environment.ts:1…

Ionic 4: Object(…) is not a function

Hi, I’m having some troubles when running ionic serve . The page stays blank and I get the following in my console. index.js:739 Uncaught TypeError: Object(...) is not a function at index.js:739 at Object../node_modules/@ionic-native/onesignal/index.js (index.js:1021) at __webpack_require__ (bootstrap:81) at Object../src/app/app.module.ts (app.component.ts:15) at __webpack_require__ (bootstrap:81) at Object../src/main.ts (environment.ts:17) at __webpack_require__ (…

Uncaught TypeError: Object(...) is not a function

Hi I am new in ionic framework and i have use ionic 4 latest version for my project. but when i have used Network native api and i have install it but after install show this error : Uncaught TypeError: Object(…) is not a function and my application crash. please help me asap. index.js:129 Uncaught TypeError: Object(...) is not a function at index.js:129 at Object../node_modules/@ionic-native/network/index.js (index.js:205) at __webpack_require__ (bootstrap:81) at Object../src…

TypeError: Object(...) is not a function

Hello guys, I was working in ionic 3 with angularfire2 , in the first app when I wrote this code: try{ this.WordList$ = this.afdatabase.list(`WordList/`) .snapshotChanges() .map(changes => { return changes.map(c => ({ key: c.payload.key, ...c.payload.val() })) }); } catch(e) { this.presentAlertError(e); } it working fine ,but in the second app when I wrote the same code it give me this error: TypeError: Object(…) is not a function

[reedrichards]

I think you are mixing the version

@ionic/angular 

= ionic the framework with angular which is now in v4.beta-13

@ionic-native/...

= wrapper for the cordova plugins which are now in v5-beta.21 (or more)

the error you are facing should be solved as I described above

1. sync all @ionic-native/.... versions
2. import with /ngx like import {SplashScreen} from '@ionic-native/splash-screen/ngx';

[pinionservices]

Thank you, I will try these combinations and will let you know.

Appreciate your quick response on this.

[pinionservices]

I have reinstalled node modules, just in case.

Now, the device is returning null for all the properties, but I can take it from here. It is not blocking with JS errors any more.

@ionic-native/* worked fine with ^5.0.0-beta.21

but @ionic/angular, I need to force it to use 4.0.0.-beta.11 for it to work.
Beta.13 is giving me white screen (background is visible, but foreground/font are shown in white).

Thanks for your help
Kris

[kunalkakkad]

I am having following version of dependencies:

"@ionic-native/music-controls": "^5.8.0",

and ionic info as below:

Ionic:

   Ionic CLI          : 5.1.0 (C:\Users\Kunal-Kakkad\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.9

Cordova:

   Cordova CLI       : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms : android 7.1.4, ios 4.5.5
   Cordova Plugins   : cordova-plugin-ionic-webview 1.1.1, (and 16 other plugins)

Utility:

   cordova-res : 0.5.0
   native-run  : 0.2.6

System:

   NodeJS : v11.6.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.5.0
   OS     : Windows 10

I have also made the changes of …/ngx for import statement.
But still I am facing the same error.

Any kind of help is very helpful.

Thanks
Kunal Kakkad

[TestTech]

Hi, i have same problem i cannot use ngx library in my project… i dont know what the issue is i have latest ionic 5.4.11 this is all installed plugin. i m new in ionic and struggling in this. i need help.Thanks

“@angular-devkit/build-angular”: “~0.803.20”,
“@angular/cli”: “~8.3.23”,
“@angular/compiler”: “~8.2.14”,
“@angular/compiler-cli”: “~8.2.14”,
“@angular/language-service”: “~8.2.14”,
“@ionic/angular-toolkit”: “^2.1.1”,
“@types/jasmine”: “~3.3.8”,
“@types/jasminewd2”: “~2.0.3”,
“@types/node”: “~8.9.4”,
“codelyzer”: “^5.0.0”,
“jasmine-core”: “~3.4.0”,
“jasmine-spec-reporter”: “~4.2.1”,
“karma”: “~4.1.0”,
“karma-chrome-launcher”: “~2.2.0”,
“karma-coverage-istanbul-reporter”: “~2.0.1”,
“karma-jasmine”: “~2.0.1”,
“karma-jasmine-html-reporter”: “^1.4.0”,
“protractor”: “~5.4.0”,
“ts-node”: “~7.0.0”,
“tslint”: “~5.15.0”,
“typescript”: “~3.4.3”

if i downgrade the geolocation plugin version i’m getting errror.
Uncaught TypeError: Object(…) is not a function
at index.js:159
at Module…/node_modules/@ionic-native/geolocation/index.js

[rapropos]

That’s not the relevant part of package.json for anybody to help you. dependencies are needed, not devDependencies.

[TestTech]

Dependencies is
ionic version-5.4.11
cordova - 8.0.0
Node - v12.13.1
Npm - 6.12.1

[rapropos]

Never mind. Just post the entirety of package.json.