Reactjs 模拟服务工作者无法拦截网络请求

Reactjs 模拟服务工作者无法拦截网络请求,reactjs,react-testing-library,msw,react-testing,Reactjs,React Testing Library,Msw,React Testing,我在这里有一个react项目是从头开始创建的,没有使用CreateReact应用程序,所以我使用jest.config.js和jest.setup.js文件来模拟网络测试请求。我在执行测试时得到以下错误 (节点:12207)实验警告:fs.API是实验性的 控制台错误 错误:错误:connect ECONREFUSSED 127.0.0.1:5000 当我使用包含setupTests.js的createreact应用程序创建一个新项目时,相同的测试代码可以正常工作,但我想在一个react项目中模

我在这里有一个react项目是从头开始创建的,没有使用CreateReact应用程序,所以我使用jest.config.js和jest.setup.js文件来模拟网络测试请求。我在执行测试时得到以下错误

(节点:12207)实验警告:fs.API是实验性的 控制台错误 错误:错误:connect ECONREFUSSED 127.0.0.1:5000

当我使用包含setupTests.js的createreact应用程序创建一个新项目时,相同的测试代码可以正常工作,但我想在一个react项目中模拟api请求,该项目是从头开始手动创建的


有什么建议吗?

在msw教程中,模拟服务器是在
setupTests.js
中配置的。 因为CRA(创建react应用程序)已经为您配置了
jest
,当您使用
react脚本测试运行测试时,CRA将加载
setupTests.js

如果您想从头开始创建一个新项目(假设您已经安装了react、react dom等)

您必须配置
jest
您自己(参考此),需要执行以下步骤:

  • package.json中的
    test
    脚本更改为
    jest
  • 安装依赖项(babel、jest预设等)
  • 使用
    jest.Config.js
    配置jest(和您一样,我也添加了jsdom作为测试环境)
  • Setup
    jest.Setup.js
    加载模拟服务器
  • 我创建了一个为您执行上述步骤的程序,以便测试运行

    npm运行测试App.test.js
    
    输出:


    msw
    的教程中,模拟服务器是在
    setupTests.js
    中配置的。 因为CRA(创建react应用程序)已经为您配置了
    jest
    ,当您使用
    react脚本测试运行测试时,CRA将加载
    setupTests.js

    如果您想从头开始创建一个新项目(假设您已经安装了react、react dom等)

    您必须配置
    jest
    您自己(参考此),需要执行以下步骤:

  • package.json中的
    test
    脚本更改为
    jest
  • 安装依赖项(babel、jest预设等)
  • 使用
    jest.Config.js
    配置jest(和您一样,我也添加了jsdom作为测试环境)
  • Setup
    jest.Setup.js
    加载模拟服务器
  • 我创建了一个为您执行上述步骤的程序,以便测试运行

    npm运行测试App.test.js
    
    输出:


    谢谢,这在示例项目中帮助了我。让我在另一个实时项目中复制相同的更改。谢谢,这在示例项目中帮助了我。让我在另一个实时项目中复制相同的更改。