Storage- Ionic2 RC

Ionic Framework ionic-v3
1

Hi Team,

I am getting below error when i am using Storage in web.

error_handler.js:47EXCEPTION: Uncaught (in promise): Error: No available storage method found.
Error: No available storage method found.
at driverPromiseLoop (http://localhost:8100/build/main.js:87524:33)
at t.invoke (http://localhost:8100/build/polyfills.js:3:9094)
at Object.onInvoke (http://localhost:8100/build/main.js:35840:37)
at t.invoke (http://localhost:8100/build/polyfills.js:3:9045)
at e.run (http://localhost:8100/build/polyfills.js:3:6481)
at http://localhost:8100/build/polyfills.js:3:4583
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:9723)
at Object.onInvokeTask (http://localhost:8100/build/main.js:35831:37)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:9659)
at e.runTask (http://localhost:8100/build/polyfills.js:3:7083)

My system info:

Cordova CLI: 6.3.1
Ionic Framework Version: 2.0.0-rc.6
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
ios-deploy version: 1.5.0
ios-sim version: 3.0.0
OS: macOS Sierra
Node Version: v6.9.1
Xcode version: Xcode 7.3.1 Build version 7D1014

Any help is appreciated, as it is already took couple of days to fix from my side.

2

Storage will not work on web. Storage only compatible with mobile phones.

3

Thanks Adithya. According to ionic 2 doc https://ionicframework.com/docs/v2/storage/ we can use it for web as well. I want to see what is causing the error, when using in web.

1 Like
4

Which command you are using? ionic serve or ionic run browser?

5

Check this, I am using storage in web and itā€™s working. Just followed steps from this tutorial: https://ionicframework.com/docs/v2/storage/

image
Storage.png1596Ɨ860 60.1 KB

6

Thanks. I am using ionic serve

7

Add browser platform then use ionic run browser.

1 Like
8

Thanks Adithya. Itā€™s working.

9

Hi Adithya,

I am unable to run app in Firefox and Safari browser with ionic run browser --target=ā€œsafariā€. Any Idea, as someone mentioned ionic 2 will not support Firefox.

10

it is really easy just :
add ā€˜localstorageā€™ to driverOrder
like this::
** IonicStorageModule.forRoot({**
** name: ā€œDatabaseā€,**
** driverOrder: [ā€œindexeddbā€, ā€œlocalstorageā€]**
** }),**

11

Why are you doing this? I canā€™t think of any situation where I would want localStorage involved in an Ionic app.

12

ionic is smart. when u use browser to run youre app IONIC STORAGE use indexeddb,websql ans etc.., in the other side when you run youre app in genymotion or devices IONIC STORAGE use from device storageā€¦
if u run app in browser and get then NOT AVAILABLE ERROR or you`re data store in WebSql instead of indexeddb .just need to add localstorage to driverOrder to fix this.
I had this problem and fix when add localstorageā€¦

13

I canā€™t make head or tail of this post. What wasnā€™t available?