IONIC Error with Cordova file-transfer plugin

Question

I am using the following version of IONIC and Cordova;

IONIC;

1.5.5

Cordova;

5.1.1

Build my mobile application. But when ever I finish building it and run it I keep getting the following exception:

Uncaught module cordova-plugin-file.ProgressEvent not found

Could someone please help me out ?.

Answer 1

I had the same issue today and in my case this was because the version of the file-transfer plugin was not compatible with the File plugin I use.

The file transfer plugin requires the cordova-plugin-file.ProgressEvent (see FileTransfer.js in the file transfer plugin directory) But if you're still using an older version of the file plugin (in my case org.apache.cordova.file instead of cordova-plugin-file) then it can't resolve that.

So either you update your plugins so you use the cordova-file-plugin or you change the code of the FileTransfer plugin, this is not advised because when the plugins are reinstalled you will loose this change. But if for whatever reason you can't use the newer file plugin you can use this method.

On line 25 of the FileTransfer.js file change

ProgressEvent = require('cordova-plugin-file.ProgressEvent');

to

ProgressEvent = require('org.apache.cordova.file.ProgressEvent');

If that doesn't solve it, try to look up the correct module name in your File plugin directory's config.xml file (look for the ID property) and use that instead (don't forget to append ProgressEvent)

To elaborate on my point of not changing the code of the FileTransfer plugin you can however copy the plugin code and put it somewhere on your disk and use that plugin instead of the hosted one (which is loaded and used if you just use the plugin's ID)