ReferenceError:没有定义fetch

当我在node.js中编译我的代码时，我有这个错误，我该如何修复它?

RefernceError:没有定义fetch

这是我正在做的功能，它负责从特定的电影数据库中恢复信息。

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<movies.length;i++){
        sortArray.push(data.data[i].Title);
     }
    for(let i=2; i<=totPages; i++){
           let newPage = i;
           let url1 = 'https://jsonmock.hackerrank.com/api/movies/search/?Title=' + substr + "&page=" + newPage;

          fetch(url1).then(function(response) {
              var contentType = response.headers.get("content-type");
              if(contentType && contentType.indexOf("application/json") !== -1) {
                return response.json().then(function(json) {
                  //console.log(json); //uncomment this console.log to see the JSON data.

                 for(let i=0; i<json.data.length;i++){
                    sortArray.push(json.data[i].Title);
                 }

                 if(i==totPages)console.log(sortArray.sort());

                });
              } else {
                console.log("Oops, we haven't got JSON!");
              }
            });

        }
  })
  .catch(function(error) {
    console.log(error);
  });   
}

当前回答

实际上有很多不同的库可以在浏览器中获取。

我所知道的主要问题有:

node-fetch cross-fetch whatwg-fetch isomorphic-fetch

我目前使用节点获取，它工作得很好，但我真的不知道哪一个是“最好的”。(尽管我链接的openbase.com页面提供了一些使用情况的元数据。Github星，npm下载]，这可以帮助)

2021-07-07 07:41:22

其他回答

你可以使用@lquixada的交叉获取

平台不可知:浏览器，节点或反应本机

安装

npm install --save cross-fetch

使用

承诺:

import fetch from 'cross-fetch';
// Or just: import 'cross-fetch/polyfill';

fetch('//api.github.com/users/lquixada')
  .then(res => {
    if (res.status >= 400) {
      throw new Error("Bad response from server");
    }
    return res.json();
  })
  .then(user => {
    console.log(user);
  })
  .catch(err => {
    console.error(err);
  });

与异步/等待:

import fetch from 'cross-fetch';
// Or just: import 'cross-fetch/polyfill';

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

    if (res.status >= 400) {
      throw new Error("Bad response from server");
    }

    const user = await res.json();

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

2018-09-26 03:06:21

在node.js中，你可以使用:node-fetch包

npm i node-fetch

然后:

import fetch from 'node-fetch';

以下是(nodejs)中的完整示例:

import fetch from "node-fetch";

const fetchData = async () => {
  const res = await fetch("https://restcountries.eu/rest/v2/alpha/col"); // fetch() returns a promise, so we need to wait for it

  const country = await res.json(); // res is now only an HTTP response, so we need to call res.json()

  console.log(country); // Columbia's data will be logged to the dev console
};

fetchData();

2021-08-02 23:46:28

npm i node-fetch

一旦安装，在你的JavaScript文件中:

import fetch from "node-fetch";

最后制作这个更改包。json文件:

"type": "module"

2023-02-02 17:24:03

你必须使用同构获取模块到你的Node项目，因为Node还不包含获取API。要解决这个问题，请执行以下命令:

npm install --save isomorphic-fetch es6-promise

安装后，在您的项目中使用以下代码:

import "isomorphic-fetch"

2018-07-31 18:22:24

你应该在你的文件中添加这个导入:

import * as fetch from 'node-fetch';

然后，运行这段代码来添加节点获取: 添加节点获取

如果你正在使用typescript，那么安装节点获取类型: $ yarn添加@types/node-fetch

2020-08-18 16:38:10

ReferenceError:没有定义fetch

推荐文章

最新文章

标签