"fetch is not defined" error

Hello,

I have a Javascript file that uses fetch with the whatwg-fetch polyfill. I am running into an issue where I always get the following error when attempting to test the program:

ReferenceError: fetch is not defined

This occurs even though I am importing “whatwg-fetch” at the top of the file. Even if I change the import statement to a require statement, the same error still occurs.

I am using Node.js with Mocha as the test framework. It works fine when I import “node-fetch”, but I would much prefer to continue using whatwg-fetch. Isomorphic-fetch also results in the same error.

Is there any viable workaround to get rid of the error?

Thank you!

[mislav]

It sounds like you’re getting the error only in the test environment (which looks like it’s being executed under node.js), and not in the browser environment. We don’t support whatwg-fetch under node. That’s why the community has come up with the node-fetch and isomorphic-fetch projects, of which you might want to try the latter, but please note that we can’t provide any support for them. You’ll have to figure out yourself how to load them.

[mmiller42]

Late to respond, but since I suffered from this problem for a few hours, I’d figure I’d post our team’s solution.

We were using Webpack, so in our test environment, we added the ProvidePlugin and created a global variable self which was just an alias for Node’s global object. If you look at the source for whatwg-fetch, it will attach the fetch function on an object called self, or fall back to the value of this in the global context, which is normally the window object, but is undefined in the test environment.

plugins: [
  new webpack.DefinePlugin({
    self: 'global',
  }),
],