草庐IT

babel-plugin-component

全部标签

javascript - 运行 React App 时找不到模块 '@babel/plugin-transform-react-jsx-source'

我刚刚使用create-react-appaquastars创建了一个React应用程序,然后使用yarnruneject弹出依赖项,当我运行该应用程序时,我得到以下信息错误。Cannotfindmodule'@babel/plugin-transform-react-jsx-source'我什么都没做!我需要做什么才能启动并运行它?任何帮助将不胜感激。 最佳答案 solutionby@xiaobo实际上对我来说是不够的。将expo升级到v32后,我花了一段时间才弄清楚这一点,所以这就是我所做的,以防其他人遇到同样的问题。(来自ex

javascript - Babel 6 react JSX 转换器 - 禁用严格

问题我正在使用babel6进行ReactJSX转换。但是我没有使用react预设,我只使用“transform-react-jsx”插件(并尝试禁用严格模式选项),这是我的.babelrc{"plugins":[["transform-react-jsx"]],"sourceMaps":true,"strictMode":false}但是我需要一个使用“with”(不受我控制)的第三方javascript,它会发出以下错误:[SyntaxError:foo.js:'with'instrictmode..]所以我需要禁用严格模式,这与thisissue的问题相同但是我没有使用es6/es

javascript - 使 webpack 库输出与 babel 6 兼容

Babel的第6版更改了exportdefault的功能,特别是它与commonjsrequire的关系。总而言之,在babel5之前,require('module')提供模块的默认导出,现在它总是返回包含模块所有导出的模块对象。如果只想要默认值,他/她必须使用require('module').default。Asexplainedhere,thereisverygoodreasonsbehindthis这个问题的目的不是破坏或破解这种行为。但是,如果一个人正在构建一个库,他/她通常不想分发一个模块,而是分发他的库的导出值(例如,一个函数,无论内部使用什么模块系统)。webpack

javascript - babel 6 异步/等待 : Unexpected token

我无法让async/await转换正常工作。我错过了什么?我的.babelrc:{"presets":["es2015","stage-0"]}我的package.json(chop):{"babel-core":"^6.1.2","babel-plugin-transform-runtime":"^6.1.2","babel-preset-es2015":"^6.1.2","babel-preset-stage-0":"^6.1.2"}输出:babelsrc/serverSyntaxError:src/server/index.js:Unexpectedtoken(7:21)5|6|

javascript - ReactJS + 终极版 : How to structure action creators down to each component?

我有一个名为App.js的父组件:...render(){return({React.cloneElement(this.props.children,this.props})}...functionmapDispatchToProps(dispatch){return(actions:bindActionCreators(actions,)}exportdefaultconnect(...,mapDispatchToProps)(App)并且Prop将传递给每个组件。我想让每个组件都有它的actioncreators文件,但是我怎样才能将所有actioncreators绑定(bind

javascript - react : Do children always rerender when the parent component rerenders?

据我所知,如果一个父组件重新渲染,那么它的所有子组件都会重新渲染,除非它们实现了shouldComponentUpdate()。.我madeanexample这似乎不是真的。我有3个组件:,和.组件负责呈现但以不同的方式做到这一点。的渲染函数静态声明在运行前,像这样:虽然处理接收和呈现在运行时动态地,像这样:{this.props.children}两者都是和有onClick听众改变他们的状态并在点击时重新呈现。我注意到点击时它和被重新渲染。但是当我点击,那么只有父代而不是重新渲染。是一个没有shouldComponentUpdate()的功能组件所以我不明白为什么它不重新渲染。有人可

javascript - eslint 中的 plugins 和 extends 有什么区别?

我不明白为什么我们有插件和扩展。它们之间有什么区别,我需要其中之一吗? 最佳答案 extends使用一个配置文件,当您将其添加到extends选项时,该文件会应用一组规则。另一方面,插件为您提供了一组规则,您可以根据需要单独应用这些规则。仅仅拥有一个插件并不能强制执行任何规则。你必须选择你需要的规则。一个插件可能会为您提供零个、一个或多个配置文件。如果插件提供了配置文件,那么您可以在插件部分添加插件后将其加载到扩展部分。从本质上讲,插件会为您提供一些已编码的规则,您可以选择哪些是相关的。它还可以提供配置文件以应用作者认为逻辑分组/相

javascript - 在使用 Mocha 和 Babel 进行测试时处理 WebPack CSS 导入

当测试具有WebpackCSS导入的.js文件时,如import'./style.css',Mocha抛出一个语法错误(因为它试图导入和解析CSS文件作为JS)。有一个解决方案thathasalreadybeenpostedonStackOverflow,但它仅在您尚未将编译器与Mocha一起使用时解决。我正在使用Babel5。我尝试了以下方法,但似乎Mocha不支持传递多个编译器://npmtestscriptmocha./src/**/*Test.js--compilerscss:./scripts/mocha-webpack-compiler.jsjs:babel/registe

javascript - react & 归零 : connect() to multiple components & best practices

我正在处理我的第一个React/Redux项目,我有一个小问题。我已阅读文档并观看了https://egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist上的教程。.但是我还有一个问题。这是关于登录页面。所以我有一个名为LoginForm的展示组件:组件/LoginForm.jsimport{Component,PropTypes}from'react'classLoginFormextendsComponent{render(){re

javascript - react .js : Is it possible to convert a react component to HTML DOM's?

我正在开发一个基于map的应用程序,该应用程序使用GoogleMapAPI在React.js中创建标记及其信息窗口。infowindow.setContent()只接受String或HTML。我不可能传入String,因为我有一个button链接到另一个React组件中的特定方法(类似于:_this.props.addList(地点))。因此,我必须将参数作为HTMLDOM填充为以下代码行:vardiv=document.createElement('div');vartitle=document.createElement('h4');title.innerHTML=place.na