获取ReferenceError:在mocha中运行react原生测试时未定义fetch
在Mocha中运行React原生测试时，如果出现"ReferenceError: fetch is not defined"的错误，这是因为在Node.js环境中没有内置的全局fetch函数。fetch是浏览器提供的用于发送网络请求的API，而Node.js中没有默认支持。
要解决这个问题，可以使用第三方库node-fetch来模拟浏览器中的fetch函数。node-fetch是一个基于Node.js的轻量级库，可以在Node.js环境中使用fetch函数。
首先，需要安装node-fetch库。可以使用npm或者yarn来进行安装：
npm install node-fetch或者
yarn add node-fetch安装完成后，在测试文件中引入node-fetch，并将全局的fetch函数替换为node-fetch提供的fetch函数。可以使用以下代码实现：
global.fetch = require('node-fetch');将上述代码放置在测试文件的顶部，确保在运行测试之前被执行。
这样，就可以在Mocha中运行React原生测试时使用fetch函数了。node-fetch会模拟浏览器中的fetch函数，使得在Node.js环境中也能够发送网络请求。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 视频处理（VOD）：https://cloud.tencent.com/product/vod
- 音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
以上是腾讯云提供的一些与云计算相关的产品，可以根据具体需求选择适合的产品进行开发和部署。
相关·内容
在mocha中运行原生react测试时，我得到了以下错误：1..7…
not ok 7 te
浏览 9提问于2016-07-21得票数 7
回答已采纳
在React Native中，我使用fetch来执行网络请求，但是fetch并不是一个明确要求的模块，因此似乎不可能用Jest模拟。即使在测试中尝试调用使用fetch的方法也会导致：
有没有办法用Jest在原生的react中测试这样的API请
浏览 208提问于2016-03-18得票数 48
回答已采纳
我有一个React组件，它使用jQuery选择器来匹配componentDidMount()中所有组件的高度：运行webpack这样的服务器时工作正常，但是当我编写我的规范(Mocha和柴)时，它会抱怨：
如何将jQuery添加到测试中？
浏览 5提问于2016-11-15得票数 1
3回答
是否可以使用带有多个预置的Jest，比如jsdom和react原生的？
"jest": {
"preset": &
浏览 0提问于2018-06-23得票数 37
我正在尝试使用mocha测试我的react应用程序。我在我的应用程序中使用google maps api。当我运行我的mocha测试时，我得到一个错误"ReferenceError: google is not defined“。在我的应用程序中，我可以使用API，因为我在我的html中包含了以下脚本标记。
<script src="ht
浏览 5提问于2016-07-06得票数 1
2回答
我正在测试我的React应用程序，当它运行一个执行 (特别是await crypto.subtle.generateKey )的测试时，我会得到以下错误消息
ReferenceError:密码未定义似乎没有访问库的权限，这是有道理的，因为这是浏览器原生的API，模拟一个库。如何添加库以使测试通过？遵循TDD原则，我不应该修改代码以使其通过测试。
浏览 4提问于2020-08-18得票数 3
1回答
我使用ES6 / Typescript在浏览器中运行Mocha测试，如下所示：import * as M from 'mocha/mocha-es2018';
M.setup('
浏览 2提问于2021-08-24得票数 0
1回答
我有一个用node.js测试的mocha.js项目。我用编写黄瓜风格的测试。: {"test": "mocha ./scenarios/**/*.test.js --ui mocha-cakes-2"}{
"type": "node","console": "inte
浏览 1提问于2018-10-06得票数 0
回答已采纳
我已经通过mocha intelliJ mocha插件在我的react应用程序中配置了mocha来运行测试用例，我已经定义了如下配置： ? 我有一个helper Javascript文件，它应该在测试前由mocha加载，因此我在上面的截图中添加了--config in mocha选项，该文件的内容如下： --recursive
--requirenot defined 在窗口中的位置是
浏览 11提问于2019-03-20得票数 0
我们在NodeJS中使用的几乎每个模块都需要以某种方式导入。这些模块提供了我们可以使用的功能。然而，我注意到像mocha和jest这样的测试框架似乎不一样。您只需在package.json中的"test“脚本中包含"mocha”或"jest“，它就可以完成所有的工作。如果有人能回答这个问题，将会很有帮助！:)
浏览 0提问于2019-05-12得票数 3
回答已采纳
1回答
我在main.js (用node.exe加载)中有以下函数： window.getString = function () { return value;}import "jsdom-global/register";
importReact from "react&quo
浏览 3提问于2017-05-03得票数 2
1回答
我正在尝试使用gulp在WebStorm中运行测试。这些测试是从TypeScript转过来的。我正在运行标准的WebStorm配置，使用节点作为解释器来运行gulp。吞咽文件：
gulp.task('default', function (ms之后犯
浏览 4提问于2015-12-16得票数 2
我向npm包发布了一个react组件，我添加了Webpack、babel、linting，并对其进行了测试，首先Webpack成功构建，测试运行成功，但随后我添加了linting并删除了node_modules文件夹，然后再使用npm重新安装来验证一切，在测试中断时，最初我没有发现我通过npm安装玩笑修复的错误，之后得到了“ReferenceError:它是未定义的”，由导入{ describe，expect，it }从“@ jest
浏览 3提问于2020-06-18得票数 2
回答已采纳
2回答
在我的react原生应用程序的Saga测试中(它确实可以正常工作)，我添加了以下测试，该测试调用一个执行POST http调用(doScan)的函数。expect(result).toEqual(call(doScan, logScanResult));});const doScan = scanObj => headers: new Headers(CON
浏览 0提问于2018-05-16得票数 2
我在使用fetch或axios库进行反应原生ajax调用时遇到了一些问题。无法在失败的Ajax调用中获取http statusText。statusText属性始终是未定义的。(在iOS和安卓模拟器中测试)
(react 16.4.1 / react-native 0.55.4)
浏览 1提问于2018-06-27得票数 4
我试图在react原生的渲染应用程序中显示来自fetch函数的数据。import React from 'react';
export
浏览 4提问于2020-03-14得票数 1
回答已采纳
我用的是Atom和Mocha测试跑步者。我得到了ReferenceError:当我尝试运行针对React的测试时，没有定义DEV (0.33)我的setup.js看
浏览 2提问于2016-09-12得票数 2
在浏览论坛后，我再次确认使用适当的进口产品如下所述：import ReactDOM from 'react-dom';externals: [
{
react: 'React',},
但在运行jest测试用
浏览 0提问于2018-02-21得票数 1
3回答
ReferenceError:未定义React
我的问题是:有什么干净的方法可以解决这个问题？我一定要以某种方式揭露React和webpack在全球的关系吗？browsers=last 2 versions'},
我还需要修复我的测试，所以我将其添加到文件helper.js中</e
浏览 0提问于2015-09-13得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
