ReferenceError: fetch n'est pas défini

Question

J'ai cette erreur lorsque je compile mon code en node.js, comment puis-je la corriger?

RefernceError: fetch n'est pas défini

Voici la fonction que je suis en train de faire, elle est responsable de récupérer des informations à partir d'une base de données de films spécifique.

function getMovieTitles(substr){  
  pageNumber=1;
  let url = 'https://jsonmock.hackerrank.com/api/movies/search/?Title=' + substr + "&page=" + pageNumber;
  fetch(url).then((resp) => resp.json()).then(function(data) {
    let movies = data.data;
    let totPages = data.total_pages;
    let sortArray = [];
    for(let i=0; i

Answer 1

La fetch API n'est pas implémentée dans Node.

Vous devez utiliser un module externe pour cela, comme node-fetch.

Installez-le dans votre application Node de cette manière

npm install node-fetch

puis placez la ligne ci-dessous en haut des fichiers où vous utilisez l'API fetch:

import fetch from "node-fetch";

Answer 2

Ceci est une solution rapide et sale, veuillez essayer d'éliminer cette utilisation dans le code de production.

Si fetch doit être accessible avec une portée globale

import fetch from 'node-fetch'
globalThis.fetch = fetch

Answer 3

Vous pouvez utiliser cross-fetch de @lquixada

Plateforme agnostique : navigateurs, node ou react native

Installer

npm install --save cross-fetch

Utilisation

Avec des promesses :

import fetch from 'cross-fetch';
// Ou simplement : importez 'cross-fetch/polyfill';

fetch('//api.github.com/users/lquixada')
  .then(res => {
    if (res.status >= 400) {
      throw new Error("Mauvaise réponse du serveur");
    }
    return res.json();
  })
  .then(user => {
    console.log(user);
  })
  .catch(err => {
    console.error(err);
  });

Avec async/await :

import fetch from 'cross-fetch';
// Ou simplement : importez 'cross-fetch/polyfill';

(async () => {
  try {
    const res = await fetch('//api.github.com/users/lquixada');

    if (res.status >= 400) {
      throw new Error("Mauvaise réponse du serveur");
    }

    const user = await res.json();

    console.log(user);
  } catch (err) {
    console.error(err);
  }
})();

Answer 4

Vous devez utiliser le module isomorphic-fetch pour votre projet Node car Node ne contient pas encore l'API Fetch. Pour résoudre ce problème, exécutez la commande ci-dessous :

npm install --save isomorphic-fetch es6-promise

Après l'installation, utilisez le code suivant dans votre projet :

import "isomorphic-fetch"

Answer 5

Le meilleur est la bibliothèque Axios pour les demandes. utilisez npm i --save axios pour l'installer et utilisez-la comme fetch, il suffit d'écrire axios à la place de fetch puis d'obtenir la réponse dans then().