Babel 7 with jest无法运行redux组件测试
Babel 7是一个用于将新版本JavaScript代码转换为向后兼容版本的工具。它可以帮助开发人员在不同的浏览器和环境中运行最新的JavaScript语法和特性。
Jest是一个流行的JavaScript测试框架，用于编写和运行单元测试。它提供了一套简单而强大的API，用于编写测试用例、模拟函数和断言结果。
在使用Babel 7和Jest进行Redux组件测试时，可能会遇到一些问题。这些问题可能与Babel的配置或Jest的配置有关。下面是一些可能导致Babel 7与Jest无法运行Redux组件测试的常见问题和解决方法：
- Babel配置问题：确保Babel的配置文件（通常是.babelrc或babel.config.js）正确设置。检查是否包含了必要的插件和预设，例如"@babel/preset-env"和"@babel/preset-react"。确保这些插件和预设已经安装并正确配置。
- Jest配置问题：确保Jest的配置文件（通常是jest.config.js或package.json中的jest字段）正确设置。检查是否包含了正确的转换器（transformer）配置，以便Jest能够正确处理使用了Babel的代码。例如，可以使用"babel-jest"作为转换器，并将其配置为使用Babel 7。
- 模块解析问题：如果Redux组件中引入了其他模块或文件，确保Babel和Jest都能正确解析这些模块。可以使用Babel的插件"babel-plugin-module-resolver"来配置模块解析规则，并在Jest的配置中添加相应的模块解析配置。
- 测试环境问题：确保测试环境中已经安装了必要的依赖项。例如，确保安装了Redux和React的测试工具包，如"redux-mock-store"和"enzyme"。这些工具可以帮助模拟Redux的store和React组件，以便进行更方便的测试。
总结起来，要解决Babel 7与Jest无法运行Redux组件测试的问题，需要确保正确配置Babel和Jest的相关文件，并解决可能出现的模块解析和测试环境问题。此外，还可以使用一些辅助工具和库来简化测试过程，如"redux-mock-store"和"enzyme"。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云安全产品：https://cloud.tencent.com/product/safe
- 腾讯云人工智能产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网产品：https://cloud.tencent.com/product/iot
- 腾讯云移动开发产品：https://cloud.tencent.com/product/mob
- 腾讯云存储产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链产品：https://cloud.tencent.com/product/bc
- 腾讯云元宇宙产品：https://cloud.tencent.com/product/vr
相关·内容
1回答
Babel 7 with jest无法运行redux组件测试
reactjs、jestjs、babeljs
我已经读了几十篇关于babel 7配置的帖子。尽管我做了很多尝试，我还是在一些测试中遇到了一些问题。 由于某些原因，只有连接到redux store的测试组件才会失败。"babel-jest": "^23.6.0", "presets&qu
浏览 12提问于2019-03-01得票数 3
1回答
Jest无法从“setupDevtools”中找到模块“setup.js”
javascript、reactjs、react-native、jestjs
Jest是我的React / Redux应用程序的测试套件，由于这个错误困扰我的应用程序，我无法运行我的actions测试：
无法从“setupDevtools”中找到模块“setup.js(node_modules/react-native/jest/setup.js:30:1)
从测试文件中删除所有内容会产生相同的错误。这里是我的
浏览 6提问于2017-12-12得票数 2
回答已采纳
1回答
当我使用useSelector时，React测试库无法工作
reactjs、redux、jestjs、babeljs、react-testing-library
我使用Redux useSelector有一个组件，当我想测试呈现文本时，它会在useSelector上显示错误消息，并显示错误消息：could not find react-redux context我已经将<Provider>放到了顶层组件，测试代码中哪里有错误的部分？应用程序本身运行正常。redux动作和redux减速器时，我的测试是有效的。因此，Jest设置应该很好。
j
浏览 0提问于2021-05-12得票数 4
回答已采纳
2回答
React组件的jest测试用例失败
reactjs、react-redux、jestjs、babel-jest
当我试图模拟我的React组件时，我遇到了错误。C:\UBS\Dev\workspace\topcat-ui\node_modules\antd\lib\style\index.css:9 ^ "babel-core": "^6.25.0", &qu
浏览 29提问于2017-07-12得票数 0
回答已采纳
1回答
升级到react-native 0.56后无法运行测试
react-native、jestjs、enzyme
我知道Babel 7的重大更新，并尝试了这里列出的所有方法：，但我仍然无法让我的测试正常运行。将下面这行代码添加到我的package.json中很有帮助。.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"我现在的问题是我无法测试无状态组件。我发现找不到
浏览 1提问于2018-08-22得票数 1
2回答
function测试-库:使用类型记录不能传递组件来呈现函数
javascript、reactjs、typescript、babeljs、react-testing-library
我成功地完成了TypeScript和组件呈现。但是，当我尝试添加一个测试时，它只会出现一些类型错误就失败了。 "@types/redux-logger": "^3.0.7",
"@types/redux-promise": &
浏览 1提问于2019-03-30得票数 6
回答已采纳
2回答
无法从“Provider.js”中找到模块“”react“”
javascript、reactjs、react-redux、redux-saga、babel-jest
"devDependencies": { "@babel/preset-env": "^7.8.4", });
浏览 30提问于2020-02-21得票数 4
1回答
开玩笑的错误，需要Babel "^7.0.0-0"，但是加载了"6.26.3“
javascript、reactjs、jestjs
我正在尝试运行我的jest测试，但是继续得到下面的错误，我如何才能让我的jest测试运行？ "react-navigation": "^2.5.5",
&
浏览 0提问于2018-11-15得票数 2
1回答
SyntaxError:反应中酶和Jest浅渲染中的意外标记“<”
javascript、reactjs、jestjs、enzyme、babel-jest
我在我的React应用程序中运行带有jest和酶类的测试，虽然我的简单的理智检查测试(2+2 expect 4)可以工作，但是当我转到浅层渲染组件时，会引发这个错误。： presets: [["@babel/preset-react", { targets: { node: "current" } }]],
plugins: ["@babel/plugin
浏览 2提问于2021-01-19得票数 2
回答已采纳
2回答
未定义React Jest导入不可变对象
reactjs、jestjs、immutable.js
我是Jest和React的新手，正在为React web项目设置Jest单元测试，当我尝试在Reducer上进行单元测试时遇到了这个问题。似乎当测试的文件包含记录时，它在npm测试时变得未定义( npm启动时它运行得很好)。<anonymous> (src/reducers/__test__/reducer.test.js:7:21)
at process._tickCallback (internal&#
浏览 2提问于2017-07-24得票数 2
1回答
React Jest创建错误"new Error('...')“立即退出并使测试失败
reactjs、jestjs
我是Jest和React的新手，正在为React web项目设置Jest单元测试，当我试图在异步分派上进行单元测试时，我遇到了这个问题。每当出现新的错误(...)时，测试用例就会退出，并在执行该行时失败。(它从运行到jest-jasmine2模块的测试用例开始，在该模块中有一个新的执行错误。_tickCallback (internal/process/next_tick.js:109:7)
package.jso
浏览 0提问于2017-07-25得票数 5
1回答
Jest & SyntaxError:意外的令牌导入
reactjs、installation、jestjs、enzyme
写测试我的反应应用与Jest &酶已经沉重打击我，因为我无法建立酶与Jest。_tickCallback (internal/process/next_tick.js:188:7)
Tests: 0 total": "^6.26.0",
"babel-jest": "^23.0.0-alpha.0&q
浏览 0提问于2018-03-16得票数 5
1回答
Babel7 Jest意外令牌导出
jestjs、babeljs、babel-jest
在使用Babel7的项目中运行jest测试时，我遇到了问题。过去，测试可以与babel6完美地转换。它还与webpack一起用Babel7完美地编译，但由于一个转移溢出错误，它无法用玩笑运行测试。react/node_modules/generic-redux-root/index.js:1
({"Object.<an
浏览 0提问于2018-09-18得票数 5
回答已采纳
1回答
设置testing-library/react，使用mocha Set :意外的令牌
babeljs、mocha.js、react-testing-library
^
at new Script (vm.js:79:7)_compile (internal/modules/cjs/loader.js:657:28) 这来自使用上述语法的ant.design组件。我试着测试一个虚拟组件，如下所示： const component = () => (<div>hello</div>) 而且它没有任何问题。但是，每当我导入需要使用ant设计进行<e
浏览 21提问于2020-12-06得票数 2
1回答
试着用Jest和酶对反应组分进行单元测试
javascript、json、reactjs、jestjs
我试图对react组件和测试抛出运行一个简单的ReferenceError: React is not defined.和enzyme测试。我遵循了关于jest和react测试的所有简单教程，但它们都导致了相同的异常。我使用了npm test，结果与yarn test相同，React未定义。我很困惑。任何帮助都将不胜感激。"redux-logger": "^3.0.6",
"redux-thun
浏览 2提问于2017-11-01得票数 1
回答已采纳
2回答
Jest +@Jest库/react从[dom-api]库向.mjs文件抛出错误
reactjs、unit-testing、jestjs、react-testing-library、babel-jest
我刚开始使用Jest +@Jest library /react，第一次尝试时，我在第三方库(可能被使用)上出现了一个错误，我不知道如何修复这个错误。 expect(mainDiv).toBeDefined();});
但是，在
浏览 25提问于2021-01-14得票数 1
回答已采纳
1回答
JEST测试套件在TypeError中失败: environment.setup不是一个函数
reactjs、jestjs
我试图将测试添加到我的应用程序中，但是测试失败了，出现了以下错误：
node_modules/jest-runner/build/run_test.js:71:23中的TypeError$"："babel-jest“}，"setupFiles"："raf/polyfill"，”/src/jest&
浏览 0提问于2018-02-28得票数 1
1回答
测试套件未能运行TypeError:无法读取未定义的属性“绑定”
javascript、react-native、jestjs
我正在尝试使用Jest测试一个更大的组件。我让这个测试在未定义的属性上运行错误，这没有任何意义，因为几行之后，它说所有的测试都运行良好。 "redux": "^3.6.0",
"redux-action-buffer": "^1.
浏览 2提问于2017-03-21得票数 5
回答已采纳
1回答
React- native /Enzyme : mount在原生元素上抛出“未知道具”
reactjs、react-native、jestjs、jsdom、enzyme
我正在使用React Native中的Jest和Enzyme编写测试，以全面测试我的组件、行为和内部函数。浅层测试似乎还可以，但是当使用mount时，它就会抛出这是我的package.json。": "^4.4.5", "redux-immutable": "^3.0.8",
"
浏览 0提问于2016-11-18得票数 5
1回答
当在jest中并行运行时，测试进程终止-“一个工作进程意外退出！”
javascript、node.js、jestjs
当在jest中并行运行时，我的jest测试失败。jest “工作进程意外退出！”请注意，当我使用以下命令顺序运行测试时我的测试运行良好。尽管它们不是并行运行的，但它们的速度较慢，这并不理想。我的测试为每个新测试启动相同的服务器，因
浏览 0提问于2017-03-11得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
