Can't resolve all parameters for IonicImageCacheHelperProvider

[pcerbino]

I follow install instructions and after install all plugins and add module into my app.module.ts my app starts with this error:

Uncaught Error: Can't resolve all parameters for IonicImageCacheHelperProvider: ([object Object], ?, ?, [object Object]).
    at syntaxError (compiler.js:486)
    at CompileMetadataResolver._getDependenciesMetadata (compiler.js:15706)
    at CompileMetadataResolver._getTypeMetadata (compiler.js:15541)
    at CompileMetadataResolver._getInjectableMetadata (compiler.js:15521)
    at CompileMetadataResolver.getProviderMetadata (compiler.js:15881)
    at compiler.js:15792
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver._getProvidersMetadata (compiler.js:15752)
    at compiler.js:15224
    at Array.forEach (<anonymous>)

$ ionic info

Ionic:

   ionic (Ionic CLI)  : 4.10.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.1

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0, browser 5.0.4, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-webview 2.3.1, cordova-plugin-ionic-wkkeyboard 1.1.1, (and 16 other plugins)

System:

   ios-deploy : 2.0.0
   NodeJS     : v8.12.0 (/usr/local/bin/node)
   npm        : 6.4.1
   OS         : macOS Mojave
   Xcode      : Xcode 10.1 Build version 10B61

[chukwu]

This is a dependency issue. There are 3 important depencies. Have you installed native dependencies such as:

npm i --save @ionic-native/file
ionic cordova plugin add cordova-plugin-file

npm install --save @ionic-native/file-transfer
ionic cordova plugin add cordova-plugin-file-transfer

npm install --save ionic-img-viewer

You must install the dependencies and add them to your app.module.ts provider config

[pcerbino]

Thanks for your response. But already installed all the dependencies:

You can check my package.json

{
"name": "chef",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"start": "ionic-app-scripts serve",
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint"
},
"dependencies": {
"@angular/animations": "5.2.11",
"@angular/common": "5.2.11",
"@angular/compiler": "5.2.11",
"@angular/compiler-cli": "5.2.11",
"@angular/core": "5.2.11",
"@angular/fire": "^5.1.1",
"@angular/forms": "5.2.11",
"@angular/http": "5.2.11",
"@angular/platform-browser": "5.2.11",
"@angular/platform-browser-dynamic": "5.2.11",
"@chrisben/imgcache.js": "git+https://github.com/chrisben/imgcache.js.git#2.0.0",
"@ionic-native/base64": "^4.18.0",
"@ionic-native/camera": "^4.18.0",
"@ionic-native/core": "^4.18.0",
"@ionic-native/facebook": "^4.18.0",
"@ionic-native/file": "^4.20.0",
"@ionic-native/file-transfer": "^5.0.0",
"@ionic-native/firebase-authentication": "^4.18.0",
"@ionic-native/geolocation": "^4.18.0",
"@ionic-native/google-maps": "^4.15.1",
"@ionic-native/in-app-browser": "^4.19.0",
"@ionic-native/keyboard": "^4.19.0",
"@ionic-native/splash-screen": "~4.17.0",
"@ionic-native/status-bar": "^4.20.0",
"@ionic-native/toast": "^4.18.0",
"@ionic/pro": "2.0.3",
"@ionic/storage": "^2.2.0",
"angularfire2": "^5.0.0-rc.11",
"com-badrit-base64": "^0.2.0",
"cordova-android": "7.1.4",
"cordova-browser": "5.0.4",
"cordova-ios": "4.5.5",
"cordova-plugin-camera": "^4.0.3",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-facebook4": "^4.1.0",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-transfer": "^1.7.1",
"cordova-plugin-firebase-authentication": "^1.0.1",
"cordova-plugin-geolocation": "^4.0.1",
"cordova-plugin-googlemaps": "^2.5.0",
"cordova-plugin-inappbrowser": "^3.0.0",
"cordova-plugin-ionic-wkkeyboard": "^1.1.15",
"cordova-plugin-ratio-crop": "^1.2.0",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-plugin-x-toast": "^2.7.2",
"cordova-sqlite-storage": "^2.6.0",
"cordova-support-android-plugin": "^1.0.1",
"cordova-support-google-services": "^1.2.1",
"device": "0.3.9",
"firebase": "^5.7.0",
"geolocation-utils": "^1.1.1",
"imgcache.js": "^1.1.1",
"ionic-angular": "3.9.2",
"ionic-cordova-plugin-ratio-crop": "^4.7.0",
"ionic-hockeyapp": "^1.0.0",
"ionic-img-viewer": "^2.9.0",
"ionic3-image-cache": "^0.1.4",
"ionic3-star-rating": "^1.1.5",
"ionicons": "3.0.0",
"normalize-url": "^4.1.0",
"promise-polyfill": "^8.1.0",
"rxjs": "^6.3.3",
"rxjs-compat": "^6.3.3",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.26"
},
"devDependencies": {
"@ionic/app-scripts": "3.2.1",
"@ionic/lab": "1.0.15",
"typescript": "~2.6.2"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-whitelist": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-camera": {},
"cordova-plugin-ratio-crop": {},
"com-badrit-base64": {},
"cordova-plugin-geolocation": {
"GEOLOCATION_USAGE_DESCRIPTION": "Ubicar tu dirección en el mapa"
},
"cordova-plugin-googlemaps": {
"API_KEY_FOR_ANDROID": "AIzaSyCvQxA4yJdUmuzrAHnIZ_Wckd72FAjG9CE",
"API_KEY_FOR_IOS": "AIzaSyCvQxA4yJdUmuzrAHnIZ_Wckd72FAjG9CE",
"PLAY_SERVICES_VERSION": "15.0.1",
"ANDROID_SUPPORT_V4_VERSION": "27.+"
},
"cordova-sqlite-storage": {},
"cordova-plugin-firebase-authentication": {
"FIREBASE_AUTH_VERSION": "16.0.+"
},
"cordova-plugin-x-toast": {},
"cordova-plugin-facebook4": {
"APP_ID": "355749858559564",
"APP_NAME": "Pinny",
"FACEBOOK_ANDROID_SDK_VERSION": "4.38.1",
"FACEBOOK_HYBRID_APP_EVENTS": "false"
},
"cordova-plugin-ionic-wkkeyboard": {},
"cordova-plugin-inappbrowser": {},
"cordova-plugin-file": {},
"cordova-plugin-file-transfer": {},
"cordova-plugin-statusbar": {}
},
"platforms": [
"browser",
"android",
"ios"
]
}
}

[franciscomontiel]

Same error, this is my package.json

"dependencies": {
"@angular/animations": "5.2.11",
"@angular/common": "5.2.11",
"@angular/compiler": "5.2.11",
"@angular/compiler-cli": "5.2.11",
"@angular/core": "5.2.11",
"@angular/fire": "^5.0.2",
"@angular/forms": "5.2.11",
"@angular/http": "5.2.11",
"@angular/platform-browser": "5.2.11",
"@angular/platform-browser-dynamic": "5.2.11",
"@ionic-native/app-preferences": "^4.18.0",
"@ionic-native/base64": "^4.11.0",
"@ionic-native/camera": "^4.11.0",
"@ionic-native/core": "^4.15.0",
"@ionic-native/file": "^4.11.0",
"@ionic-native/file-path": "^4.11.0",
"@ionic-native/file-transfer": "^5.2.0",
"@ionic-native/firebase": "^4.14.0",
"@ionic-native/globalization": "^4.15.0",
"@ionic-native/http": "^4.11.0",
"@ionic-native/image-picker": "^4.11.0",
"@ionic-native/in-app-browser": "^4.15.0",
"@ionic-native/screen-orientation": "^4.16.0",
"@ionic-native/splash-screen": "~4.11.0",
"@ionic-native/status-bar": "^4.11.0",
"@ionic-native/wheel-selector": "^4.16.0",
"@ionic/storage": "^2.1.3",
"angular2-text-mask": "^9.0.0",
"com-badrit-base64": "^0.2.0",
"cordova-android": "7.1.4",
"cordova-android-support-gradle-release": "^1.4.4",
"cordova-custom-config": "^5.0.2",
"cordova-ios": "4.5.5",
"cordova-plugin-advanced-http": "^1.11.1",
"cordova-plugin-camera": "^4.0.3",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-transfer": "^1.7.1",
"cordova-plugin-filepath": "^1.4.2",
"cordova-plugin-firebase": "git+https://github.com/chrisid/cordova-plugin-firebase.git#issue866",
"cordova-plugin-globalization": "^1.11.0",
"cordova-plugin-inappbrowser": "^3.0.0",
"cordova-plugin-ionic-webview": "^3.1.2",
"cordova-plugin-screen-orientation": "^3.0.1",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-telerik-imagepicker": "^2.2.2",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-sqlite-storage": "^2.4.0",
"cordova-wheel-selector-plugin": "^1.1.1",
"e": "0.0.4",
"firebase": "^5.5.1",
"grpc": "^1.15.1",
"ionic": "^4.1.2",
"ionic-angular": "3.9.2",
"ionic-img-viewer": "^2.9.0",
"ionic-input-mask": "^1.0.1",
"ionic-plugin-keyboard": "^2.2.1",
"ionic3-image-cache": "^0.1.4",
"ionicons": "3.0.0",
"rxjs": "^6.3.2",
"rxjs-compat": "^6.3.2",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.26"
},
"devDependencies": {
"@ionic/app-scripts": "3.1.11",
"typescript": "^2.6.2"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-whitelist": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-camera": {},
"cordova-plugin-filepath": {},
"cordova-plugin-file": {},
"cordova-plugin-advanced-http": {},
"cordova-sqlite-storage": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-telerik-imagepicker": {
"PHOTO_LIBRARY_USAGE_DESCRIPTION": "Permission for Library"
},
"cordova-custom-config": {},
"cordova-android-support-gradle-release": {
"ANDROID_SUPPORT_VERSION": "26.+"
},
"cordova-plugin-firebase": {},
"com-badrit-base64": {},
"cordova-plugin-globalization": {},
"cordova-plugin-inappbrowser": {},
"cordova-plugin-screen-orientation": {},
"cordova-wheel-selector-plugin": {},
"ionic-plugin-keyboard": {},
"cordova-plugin-ionic-webview": {},
"cordova-plugin-file-transfer": {}
}

[crawft]

I had this issue and had to do a few things -

• Make sure you install the native plugins as per your version of ionic (v3/4 now slightly different)
• Make sure you also add File and FileTransfer as providers in your app.module
• import IonicImageCacheModule to your page module

then worked

[renatolaurino]

Same here.

compiler.js:486 Uncaught Error: Can't resolve all parameters for IonicImageCacheHelperProvider: ([object Object], ?, ?, [object Object]). at syntaxError (compiler.js:486) at CompileMetadataResolver._getDependenciesMetadata (compiler.js:15706) at CompileMetadataResolver._getTypeMetadata (compiler.js:15541) at CompileMetadataResolver._getInjectableMetadata (compiler.js:15521) at CompileMetadataResolver.getProviderMetadata (compiler.js:15881) at compiler.js:15792 at Array.forEach (<anonymous>) at CompileMetadataResolver._getProvidersMetadata (compiler.js:15752) at compiler.js:15224 at Array.forEach (<anonymous>)

IONIC INFO

Ionic:

ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.5
@ionic/app-scripts : 3.2.3

Cordova:

cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 7.1.4, ios 5.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.4.1, (and 9 other plugins)

System:

ios-deploy : 1.9.4
ios-sim : 7.0.0
NodeJS : v10.15.3 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.2 Build version 10E125

PACKAGE JSON

{
"name": "XXXXXXXX",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"start": "ionic-app-scripts serve",
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint"
},
"dependencies": {
"@angular/animations": "5.2.11",
"@angular/common": "5.2.11",
"@angular/compiler": "5.2.11",
"@angular/compiler-cli": "5.2.11",
"@angular/core": "5.2.11",
"@angular/forms": "5.2.11",
"@angular/http": "5.2.11",
"@angular/platform-browser": "5.2.11",
"@angular/platform-browser-dynamic": "5.2.11",
"@ionic-native/core": "~4.17.0",
"@ionic-native/date-picker": "^4.17.0",
"@ionic-native/file": "^5.5.1",
"@ionic-native/file-transfer": "^5.5.1",
"@ionic-native/keyboard": "^4.20.0",
"@ionic-native/splash-screen": "~4.17.0",
"@ionic-native/status-bar": "~4.17.0",
"@ionic-native/wheel-selector": "^4.20.0",
"@ionic/pro": "2.0.3",
"@ionic/storage": "2.2.0",
"cordova-android": "7.1.4",
"cordova-ios": "5.0.0",
"cordova-plugin-datepicker": "^0.9.3",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-transfer": "^1.7.1",
"cordova-plugin-ionic-keyboard": "^2.1.3",
"cordova-plugin-ionic-webview": "^2.4.1",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-wheel-selector-plugin": "^1.1.2",
"ionic-angular": "^3.9.5",
"ionic-img-viewer": "^2.9.0",
"ionic2-super-tabs": "^5.0.2",
"ionic3-image-cache": "^0.1.4",
"ionicons": "3.0.0",
"onesignal-cordova-plugin": "^2.4.6",
"rxjs": "5.5.11",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.26"
},
"devDependencies": {
"@ionic/app-scripts": "^3.2.3",
"typescript": "~2.6.2"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-whitelist": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-ionic-webview": {
"ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
},
"cordova-plugin-ionic-keyboard": {},
"cordova-plugin-datepicker": {},
"onesignal-cordova-plugin": {},
"cordova-wheel-selector-plugin": {},
"cordova-plugin-file": {},
"cordova-plugin-file-transfer": {}
},
"platforms": [
"android",
"ios"
]
}
}

[nullart2]

try this:
npm install --save @ionic-native/file-transfer@4
npm install --save @ionic-native/file@4

from

https://ionicframework.com/docs/v3/native/file/
https://ionicframework.com/docs/v3/native/file-transfer/