Ionic 4 No provider for SecureStorage

Ionic Framework
1

Converting my v3 app to v4 and stopped up at getting SecureStorage to work. Currently testing in the browser so not sure if this is just browser specific or not but in v3 it worked on any platform.

Full error from the browser console:

ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[SecureStorage]: 
  StaticInjectorError(Platform: core)[SecureStorage]: 
    NullInjectorError: No provider for SecureStorage!

Haven’t done anything beyond installing the plugin
ionic cordova plugin add cordova-plugin-secure-storage
npm install @ionic-native/secure-storage

and then importing it adding it to the constructor per the docs page

import { SecureStorage, SecureStorageObject } from '@ionic-native/secure-storage/ngx';

constructor(private secureStorage: SecureStorage) { }

Not even 100% sure why it’s showing the platform as core instead of browser. I tried messing with the securestorage.js file in /plugins/cordova-plugin-secure-storage/www to add ‘browser’ and ‘core’ to the array of supported platforms, then adding an if statement on browser or core to overwrite the SecureStorage prototype with the plugin code form v3 that uses localStorage but that didn’t seem to do anything at all so I reverted it.

2

I realized I hadn’t added SecureStorage to the providers import in app.module so I did that and it got even worse. Before it would compile and just not load the page with a console error, now it won’t even compile.

[ng] ERROR in src/app/app.module.ts(24,5): error TS2322: Type 'SecureStorageOriginal' is not assignable to type 'Provider'.
[ng]   Type 'SecureStorageOriginal' is not assignable to type 'ClassProvider'.
[ng]     Property 'provide' is missing in type 'SecureStorageOriginal'.
3

Try to import SecureStorage from “@ionic-native/secure-storage/ngx”, there you find the provider.

And remember to inject it into your App.module or the module that starts your application.

In my case, I use this plugin because it looks like the most stable supported fork in the community: GitHub - mibrito707/cordova-plugin-secure-storage-echo: Secure storage plugin for Apache Cordova