Can't import ionic-cache in Ionic 5 / Angular 11 project due to change in @ionic/storage lib.

[ghost]

Can't import ionic-cache in Ionic 5 / Angular 11 project due to change in @ionic/storage lib.

It seems that IonicStorageModule is no more a member of @ionic/storage in angular but need to come from @ionic/storage-angular

I had to change it manually in the node-modules.

[ng] Compiling ionic-cache : module as esm5 [ng] Error: Failed to compile entry-point ionic-cache (module as esm5) due to compilation errors: [ng] node_modules/ionic-cache/dist/cache.module.js:31:30 - error NG1010: Value at position 0 in the NgModule.imports of CacheModule is not a reference [ng] Value could not be determined statically. [ng] 31 imports: [ [ng] ~ [ng] 32 IonicStorageModule.forRoot({ [ng] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [ng] ... [ng] 35 }) [ng] ~~~~~~~~~~~~~~~~~~~~~~~~~~ [ng] 36 ] [ng] ~~~~~~~~~~~~~~~~~~~~~ [ng] node_modules/ionic-cache/dist/cache.module.js:32:25 [ng] 32 IonicStorageModule.forRoot({ [ng] ~~~~~~~~~~~~~~~~~~~~~~~~~~ [ng] Unable to evaluate this expression statically. [ng] node_modules/ionic-cache/dist/cache.module.js:32:25 [ng] 32 IonicStorageModule.forRoot({ [ng] ~~~~~~~~~~~~~~~~~~ [ng] Unknown reference. [ng] Compiling ionic-cache : module as esm5 [ng] An unhandled exception occurred: Failed to compile entry-point ionic-cache (moduleas esm5) due to compilation errors: [ng] node_modules/ionic-cache/dist/cache.module.js:31:30 - error NG1010: Value at position 0 in the NgModule.imports of CacheModule is not a reference [ng] Value could not be determined statically. [ng] 31 imports: [ [ng] ~ [ng] 32 IonicStorageModule.forRoot({ [ng] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [ng] ... [ng] 35 }) [ng] ~~~~~~~~~~~~~~~~~~~~~~~~~~ [ng] 36 ] [ng] ~~~~~~~~~~~~~~~~~~~~~ [ng] node_modules/ionic-cache/dist/cache.module.js:32:25 [ng] 32 IonicStorageModule.forRoot({ [ng] ~~~~~~~~~~~~~~~~~~~~~~~~~~ [ng] Unable to evaluate this expression statically. [ng] node_modules/ionic-cache/dist/cache.module.js:32:25 [ng] 32 IonicStorageModule.forRoot({ [ng] ~~~~~~~~~~~~~~~~~~ [ng] Unknown reference.

[dchedufa]

I got the same issue, any fix?

[lincolnthree]

@dchedufa I copied this project into our sources directly and updated the references. Small lib, sucks to do it, probably should send a PR but so busy...

[ghost]

I used https://www.npmjs.com/package/patch-package to directly patch the lib at npm install.
and add this in my package.json :

"scripts": {
"ng": "ng",
"postinstall": "npx patch-package && ngcc",
"start": "ng serve",
"build": "ng build",

[WillPoulson]

If the maintainer of this package is open to PRs then my #130 would resolve this issue along with upgrading from angular 6 to 11.

[Nodonisko]

Solved.