.on is not a function error when trying to upload file with superagent on parcel

Question

Having this set up using superagent

this.acceptContentType = "application/json";

req = Request.post(absoluteUrl)
 .timeout(config.runtime.apiTimeoutMs)
 .set('Accept', this.acceptContentType);

req.attach('files', file, file.name);

When running this, im getting an error stating .on is not a function. Did some research, and it seems to be related to the FormData() object. For some reason superagent exposes node-internals to my client. This worked fine using Webpack, but after porting to Parcel, this is broken. Any pointers would be appreciated.

score 0 · Accepted Answer · answered Sep 25 '18 at 09:51

According to the documentation for Superagent, Webpack and Browserify "knows" to fetch the client-version. Parcel picked the Node-implementation. To force this, i changed:

import Request from 'superagent';

to

import Request from 'superagent/lib/client';

That seems to fix the issue.

.on is not a function error when trying to upload file with superagent on parcel

1 Answers1