Capacitor storage error: no provider for storage

Capacitor
1

I am trying to add capacitor storage to an app. I have installed capacitor storage per the instructions:

npm install @capacitor/storage
npx cap sync

I am trying to use the storage API from within a service:

import { Injectable } from ‘@angular/core’;

import { Storage } from ‘@capacitor/storage’;

@Injectable({
providedIn: ‘root’
})
export class StorageService {
readyPromise: Promise ;
isStorageReady: boolean = false ;
storageValuesTmp: string = “” ;
storageObj: {[k: string]: any} = {};

agentCode:    string  = "" ;


// ---------------------------------
constructor(public storage: Storage) {
}

…
…
}

However, Ionic Lab gives me the following error (in the console):

ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(SettingsPageModule)[StorageService → StorageService → StorageService → Storage → Storage → Storage]:
NullInjectorError: No provider for Storage!

My setup is as follows:

C:\mobile.…>ionic info
…
…

Ionic:

Ionic CLI : 6.17.1 (C:\Users\ALFON1\AppData\Roaming\nvm\v14.17.6\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 6.1.4
@angular-devkit/build-angular : 13.3.5
@angular-devkit/schematics : 13.3.4
@angular/cli : 13.3.5
@ionic/angular-toolkit : 6.1.0

Capacitor:

Capacitor CLI : 3.5.1
@capacitor/android : not installed
@capacitor/core : 3.5.1
@capacitor/ios : not installed

Utility:

cordova-res : 0.15.3
native-run : 1.5.0

System:

NodeJS : v14.17.6 (C:\Program Files\nodejs\node.exe)
npm : 6.14.15
OS : Windows 10

I am sure this is something trivial, but I have spent several hours trying to find it to no avail. Any help will be highly appreciated.

2

Hmmm…I am not familiar with Angular, but it appears that it is trying to inject Storage in the constructor. I would try removing it from the constructor. Storage is a constant so you just use it Storage.set or Storage.get, etc.

1 Like