node-fetch v3.x brings about many changes that increase the compliance of WHATWG's Fetch Standard. However, many of these changes mean that apps written for node-fetch v2.x needs to be updated to work with node-fetch v3.x and be conformant with the Fetch Standard. This document helps you make this transition.
Note that this document is not an exhaustive list of all changes made in v3.x, but rather that of the most important breaking changes. See our changelog for other comparatively minor modifications.
Since Node.js will deprecate version 8 at the end of 2019, we decided that node-fetch v3.x will not only drop support for Node.js 4 and 6 (which were supported in v2.x), but also for Node.js 8. We strongly encourage you to upgrade, if you still haven't done so. Check out Node.js' official LTS plan for more information on Node.js' support lifetime.
Since this was never part of the fetch specification, it was removed. AbortSignal offers a more finegrained control of request timeouts, and is standardized in the Fetch spec. For convenience, you can use timeout-signal as a workaround:
const timeoutSignal = require('timeout-signal');
const fetch = require('node-fetch');
const {AbortError} = fetch
fetch('https://www.google.com', { signal: timeoutSignal(5000) })
.then(response => {
// Handle response
})
.catch(error => {
if (error instanceof AbortError) {
// Handle timeout
}
})
If the server didn't respond with status text, node-fetch would set a default message derived from the HTTP status code. This behavior was not spec-compliant and now the statusText
will remain blank instead.
Prior to v3.x, we included a browser
field in the package.json file. Since node-fetch is intended to be used on the server, we have removed this field. If you are using node-fetch client-side, consider switching to something like cross-fetch.
If you want charset encoding detection, please use the fetch-charset-detection package (documentation).
const fetch = require('node-fetch');
const convertBody = require('fetch-charset-detection');
fetch('https://somewebsite.com').then(res => {
const text = convertBody(res.buffer(), res.headers);
});
When attempting to parse invalid json via res.json()
, a SyntaxError
will now be thrown instead of a FetchError
to align better with the spec.
const fetch = require('node-fetch');
fetch('https://somewebsitereturninginvalidjson.com').then(res => res.json())
// Throws 'Uncaught SyntaxError: Unexpected end of JSON input' or similar.
If you are listening for errors via res.body.on('error', () => ...)
, replace it with res.body.once('error', () => ...)
so that your callback is not fired twice in NodeJS >=13.5.
We are working towards changing body to become either null or a stream.
The default user agent has been changed from node-fetch/1.0 (+https://github.com/node-fetch/node-fetch)
to node-fetch (+https://github.com/node-fetch/node-fetch)
.
Since in 3.x we are using the WHATWG's new URL()
, arbitrary URL parsing will fail due to lack of base.
Previously, node-fetch only supported http url scheme. However, the Fetch Standard recently introduced the data:
URI support. Following the specification, we implemented this feature in v3.x. Read more about data:
URLs here.
Blob implementation is now fetch-blob and hence is exposed, unlikely previously, where Blob type was only internal and not exported.
We now use the new Node.js WHATWG-compliant URL API, so UTF-8 URLs are handled properly.
Since the v3.x requires at least Node.js 10, we can utilise the new API.
We introduced Node.js new URL()
API in 3.x, because it offers better UTF-8 support and is WHATWG URL compatible. The drawback is, given current limit of the API (nodejs/node#12682), it's not possible to support relative URL parsing without hacks.
Due to the lack of a browsing context in Node.js, we opted to drop support for relative URLs on Request/Response object, and it will now throw errors if you do so.
The main fetch()
function will support absolute URLs and data url.
Since v3.x you no longer need to install @types/node-fetch
package in order to use node-fetch
with TypeScript.