cordova_not_available in NativeStorage

[jgw96]

From @barocsi on November 20, 2016 18:59

Ionic version: (check one with "x")

[x ] 2.x

I'm submitting a ... (check one with "x")
[ x] bug report

it should mock and work in browser using ionic serve, however it does not.

polyfills.js:3 Unhandled Promise rejection: cordova_not_available ; Zone: angular ; Task: Promise.then ; Value: cordova_not_available

according to
TheCocoaProject/cordova-plugin-nativestorage#44
its not the plugins fault.

Any ideas?

Copied from original issue: ionic-team/ionic-framework#9254

[ihadeed]

@barocsi do you have the plugin installed? Are you running on device or simulator?

[dalezak]

I'm experiencing the same issue with RC3, have both cordova-plugin-nativestorage and cordova-plugin-secure-storage plugins installed but neither are working.

NativeStorage Error cordova_not_available

SecureStorage ReferenceError: Can't find variable: cordova

I'm running the app in the iOS Simulator using ionic run ios --livereload --consolelogs --serverlogs.

npm list --depth=0
├── @angular/common@2.1.1
├── @angular/compiler@2.1.1
├── @angular/compiler-cli@2.1.1
├── @angular/core@2.1.1
├── @angular/forms@2.1.1
├── @angular/http@2.1.1
├── @angular/platform-browser@2.1.1
├── @angular/platform-browser-dynamic@2.1.1
├── @angular/platform-server@2.1.1
├── @ionic/app-scripts@0.0.45
├── @ionic/storage@1.1.6
├── cordova-android@6.1.0
├── cordova-ios@4.3.0
├── ionic-angular@2.0.0-rc.3
├── ionic-native@2.2.6
├── ionicons@3.0.0
├── rxjs@5.0.0-beta.12
├── typescript@2.0.6
└── zone.js@0.6.26

[ihadeed]

Thanks for the feedback @dalezak I will look into this.

[mebibou]

Same issue using the ScreenOrientation plugin, when doing ScreenOrientation.lockOrientation('portrait'); it gives the error:

Uncaught (in promise): TypeError: Cannot read property 'apply' of undefined

Happens in the browser on ionic serve

[ihadeed]

@mebibou plugins don't work in the browser you need to test on a device or a simulator.

[ihadeed]

@dalezak @barocsi I wasn't able to reproduce the results you are having.

I created a fresh Ionic 2 project, installed the plugin using the command ionic plugin add cordova-plugin-nativestorage then used this code:

    this.platform.ready().then(() => {
      NativeStorage.setItem('myitem', {property: 'value', anotherProperty: 'anotherValue'})
        .then(
          () => console.log('Stored item!'),
          error => console.error('Error storing item', error)
        );

      NativeStorage.getItem('myitem')
        .then(
          data => console.log(data),
          error => console.error(error)
        );
    });

[biesbjerg]

I think this is because of an ionic-cli bug, where Cordova is not available when using live reload, even when running on device. Looks like it's being worked on now when viewing recent commits:-)