草庐IT

babel-jest

全部标签

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

javascript - 使用 Jest CLI 时如何让 Promises 工作?

我正在尝试使用JestCLI测试一个promise,这段代码在浏览器中运行时会正常执行。但是我想开始为它编写测试。classListCollection{constructor(){this.items=newArray();}addItem(string){constaddItemPromise=newPromise(function(resolve,reject){//setupasyncgettinglikeaXMLHttpRequestsetTimeout(()=>{this.items.push(string);resolve(string);}.bind(this),200

javascript - 使用 Webstorm (Babel) 进行 ES6 调试

有webstormv10,babelfile-watcher工作正常,一切都很好。现在我想调试代码,有什么方法可以调试ES6文件本身,还是必须在编译的JS输出文件babel上调试?请指教。 最佳答案 Jetbrains'ticketsystem中存在与此相关的问题.我认为这个问题已经解决了。另见对应的GitHubissueintheBabelrepo.有一个examplesetuponJetbrains'blog,基本上设置了babel标志,例如--source-maps。这可能是一个duplicate.

javascript - 将 webpack 和 babel 与父项目目录中的文件一起使用

我有一个这样设置的项目,我正在尝试从file-b.js中获取file-a.js。project-name/node_modules/src/file-a.jstools/tool-name/node_modules/src/file-b.jswebpack.config.jspackage.jsonpackage.json我的webpack1.13.0配置一直有效,直到我添加了babel-loader6.2.4和babel-preset-es20156.6.0.然后我开始收到错误消息。ERRORin/home/dan/dev/dan/project-name/src/file-a.js

javascript - 找不到兼容版本 : babel-plugin-transform-decorators@^6. 13.0

很明显,当我运行npminstall时,突然出现以下错误:npmERR!Nocompatibleversionfound:babel-plugin-transform-decorators@^6.13.0npmERR!Validinstalltargets:npmERR!6.8.0,6.6.5,6.6.4,6.6.0,6.5.0,6.5.0-1,6.4.0,6.3.13,6.2.4,6.1.18,6.1.17,6.1.10,6.1.5,6.1.4,6.0.14,6.0.2我在package.json中有以下依赖项。我已经尝试将babel包更新到最新版本,以及安装babel-plugin

javascript - Jest - React 组件中的模拟粗箭头功能

鉴于我的组件和下面的测试,为什么我的confirmClickHandler方法在我运行测试时仍然被调用?注意:我注意到,当我将方法从粗箭头函数更改为常规函数时,它会被正确地模拟出来。我在这里缺少什么?classCalendarConfirmationextendsReact.Component{...confirmClickHandler=(e)=>{...}}和我的测试:importReactfrom'react';import{mount}from'enzyme';importCalendarConfirmationfrom'../components/CalendarConfir

javascript - Jest +酵素。无法读取未定义的属性 '_isMockFunction'。模拟箭头的keyDown

我的主要组件的测试方法存在严重问题。经过多次重试后我的实际测试仍然不起作用,看起来像这样:describe(':',()=>{beforeEach(()=>{wrapper=mount();});describe('Interaction:',()=>{it('shouldcallArrowDown()',()=>{constinstance=wrapper.instance();spy=jest.spyOn(instance,'ArrowDown');instance.forceUpdate();wrapper.simulate('keyDown',{key:'Arrowdown'}

javascript - babel-preset-env 不使用 webpack 转译箭头函数

我正在将babel与webpack结合使用,我试图让箭头函数与InternetExplorer一起工作,但我无法让它工作。这是我的package.json开发依赖项:"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","webpack":"^3.12.0","webpack-cli":"^3.1.0"}这是我的webpack.config.js:mo

javascript - 如何覆盖babel的预设插件选项

我正在使用babel-preset-react-app通过以下.babelrc:{"presets":["react-app"],"plugins":["transform-es2015-modules-commonjs","transform-async-generator-functions"]}我需要覆盖babel-plugin-transform-runtime选项。我尝试通过以下方式安装插件并将其添加到.babelrc中:{"presets":["react-app"],"plugins":[["babel-plugin-transform-runtime",{"helper

javascript - 如何在没有 bundler 的情况下使用 Babel,但具有类似于 webpack 的开发体验?

我正在尝试使用ES6modules构建一个新项目没有捆绑。我还是想用babel-7将TypeScript和JSX翻译成JS。我发现很难弄清楚如何为它设置开发服务器。我找不到任何类似于webpack-dev-server的“babel-dev-server”(热模块重新加载、浏览器同步、文件观察器)。一种可能是使用browsersync作为静态服务器,例如dist并并行运行类似babelsrc--out-dirdist--watch的东西。但这不包括热重载,对我来说似乎有点笨拙。此外,如果您可以为JS文件提供哈希以更好地控制缓存,那么它对于构建和开发步骤仍然有用。或者我可以配置像webp