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);
  });   
}

当前回答

对我来说，这些看起来更简单。

npm install node-fetch

import fetch from "node-fetch";

2021-06-25 13:42:12

其他回答

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

我所知道的主要问题有:

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

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

2021-07-07 07:41:22

编辑-新的解决方案

要使用最新版本(3.0.0)，必须像这样导入:

const fetch = (url) => import('node-fetch').then(({default: fetch}) => fetch(url));

古老的回答:

这可能不是最好的解决方案，但如果你安装这个版本:

npm install node-fetch@1.7.3

现在您可以使用下面的行而不会出现错误。

const fetch = require("node-fetch");

2021-09-03 10:55:28

对于那些也在node-js上使用typescript并得到ReferenceError: fetch is not defined错误的人

NPM安装这些包:

    "amazon-cognito-identity-js": "3.0.11"
    "node-fetch": "^2.3.0"

然后包括:

import Global = NodeJS.Global;
export interface GlobalWithCognitoFix extends Global {
    fetch: any
}
declare const global: GlobalWithCognitoFix;
global.fetch = require('node-fetch');

2019-04-17 09:18:31

如果你想避免npm安装而不能在浏览器中运行，你也可以使用nodejs的https模块;

const https = require('https')
const url = "https://jsonmock.hackerrank.com/api/movies";
https.get(url, res => {
  let data = '';
  res.on('data', chunk => {
    data += chunk;
  });
  res.on('end', () => {
    data = JSON.parse(data);
    console.log(data);
  })
}).on('error', err => {
  console.log(err.message);
})

2020-12-12 23:45:01

它似乎获取支持URL方案与“http”或“https”的CORS请求。

安装node-fetch库，读取文件并解析为json。

const fs = require('fs')
const readJson = filename => {
  return new Promise((resolve, reject) => {
    if (filename.toLowerCase().endsWith(".json")) {
      fs.readFile(filename, (err, data) => {
        if (err) {
          reject(err)
          return
        }
        resolve(JSON.parse(data))
      })
    }
    else {
      reject(new Error("Invalid filetype, <*.json> required."))
      return
    }
  })
}

// usage
const filename = "../data.json"
readJson(filename).then(data => console.log(data)).catch(err => console.log(err.message))

2021-02-08 07:36:04

ReferenceError:没有定义fetch

推荐文章

最新文章

标签