Javascript Sendinblue创建联系人';TypeError:无法获取';错误(使用React)

Javascript Sendinblue创建联系人';TypeError:无法获取';错误(使用React),javascript,reactjs,typeerror,sendinblue,Javascript,Reactjs,Typeerror,Sendinblue,我正在尝试在React JS应用程序中实现Sendinblue API。我有一个用户要输入电子邮件的文本输入,然后有一个按钮将他们的电子邮件添加到Sendinblue列表中。我正在使用Node.js中的“createa contact”引用,因为我正在为我的React应用程序使用JavaScript代码。有时,此代码有效,因为电子邮件已成功添加到SendinBlue列表中,但大多数情况下,电子邮件未添加,我收到以下错误: TypeError:获取失败 下面可以看到我的完整代码,其中电子邮件是从文

我正在尝试在React JS应用程序中实现Sendinblue API。我有一个用户要输入电子邮件的文本输入,然后有一个按钮将他们的电子邮件添加到Sendinblue列表中。我正在使用Node.js中的“createa contact”引用,因为我正在为我的React应用程序使用JavaScript代码。有时,此代码有效,因为电子邮件已成功添加到SendinBlue列表中,但大多数情况下,电子邮件未添加,我收到以下错误:

TypeError:获取失败

下面可以看到我的完整代码,其中电子邮件是从文本字段输入的:

var request = require("request");

var options = {
  method: 'POST',
  url: 'https://api.sendinblue.com/v3/contacts',
  headers: {
    accept: 'application/json',
    'content-type': 'application/json',
    'api-key': 'My SendinBlue Application API Key'
  },
  body: {updateEnabled: false, email: 'newEmail@exampleWebsite.com'},
  json: true
};

request(options, function (error, response, body) {
  if (error) throw new Error(error);

  console.log(body);
});
当我在Sendinblue API文档上测试时,它每次都会成功地将电子邮件添加到我的联系人列表中。我每次都用一封新的电子邮件测试它,以确保它不会因为重复的电子邮件而抛出错误。我还修改了
updateEnabled
true
false
之间的值,但是它似乎无助于解决这个问题

我相信错误可能源于
var request=require(“request”)命令,因为我不确定
require
是React方法还是Node.js方法


如果有人对我如何解决这个问题有任何想法,我们将非常感谢您的帮助。谢谢。

你说得对,
require
用于Node.js,Sendinblue参考中的示例也提到了它。尝试改用
axios
。您只需使用
npm install axios
像React项目中的任何其他npm模块一样安装它,然后尝试使用以下脚本:

const response = await axios.post(
  'https://api.sendinblue.com/v3/contacts',
  { updateEnabled: false, email: 'newEmail@exampleWebsite.com'},
  { headers: { 'Content-Type': 'application/json', 'api-key': 'My SendinBlue Application API Key' } }
)
console.log(response.data)
如果有帮助,请告诉我!
谢谢

你说得对,
require
用于Node.js,Sendinblue参考中的示例也提到了它。尝试改用
axios
。您只需使用
npm install axios
像React项目中的任何其他npm模块一样安装它,然后尝试使用以下脚本:

const response = await axios.post(
  'https://api.sendinblue.com/v3/contacts',
  { updateEnabled: false, email: 'newEmail@exampleWebsite.com'},
  { headers: { 'Content-Type': 'application/json', 'api-key': 'My SendinBlue Application API Key' } }
)
console.log(response.data)
如果有帮助,请告诉我!
谢谢

谢谢您的回复!当我运行这段新代码时,电子邮件只是偶尔添加,即使在我添加了正确的api密钥并且每次试用都使用了不同的电子邮件之后也是如此。它不会在console.log命令中打印任何内容(我甚至为此尝试了alert命令),因此我不确定是否正在运行这个axios命令。你知道为什么会这样吗?你可以试着检查
响应中包含的内容。可能是POST请求失败,并且
响应
对象有关于它的详细信息。感谢您的响应!当我运行这段新代码时,电子邮件只是偶尔添加,即使在我添加了正确的api密钥并且每次试用都使用了不同的电子邮件之后也是如此。它不会在console.log命令中打印任何内容(我甚至为此尝试了alert命令),因此我不确定是否正在运行这个axios命令。你知道为什么会这样吗?你可以试着检查
响应中包含的内容。POST请求可能失败,并且
response
对象具有有关它的详细信息。