babeljs 相关问题

Babel Standalone React Import 语句解析为错误的文件

我正在使用babel独立创建一个react页面，而不使用node。当在 html 页面的头部包含“text/babel”的 React 组件时，组件似乎会覆盖每个 o...

“您是否忘记在 babel.config.js 中添加 Reanimated Babel 插件？”

如何解决以下错误？ 错误：无法创建工作集。 您是否忘记在 babel.config.js 中添加 Reanimated Babel 插件？ 请参阅安装文档 https://docs.swmansion.com/react-

Babel 错误：“错误：无法从‘/vagrant’中找到模块‘babel-plugin-transform-object-rest-spread’”

我正在尝试从 Babel 6 -> 7 升级。我使用 npx babel-upgrade --write 来协助更新 package.json，然后运行 npm install。 当尝试运行我们的 webpack 开发服务器时，它失败了

缩小/优化 NextJS 网站

我有一个 nextjs 网站。 我的 common.js 和 custom.scss 不会被 next 缩小。 我尝试了 next.config.js 中的下一个： const withSass = require('@zeit/next-sass') const withOptimizedImages = r...

当我使用命令“yarn create react-app .”启动项目时如何解决警告？

我在使用yarncreatereact-app创建新应用程序时收到很多警告。 --模板打字稿。怎么解决呢？ 警告反应脚本 > babel-preset-react-app > @babel/plugin-proposal-optional-

Nodejs Babel TypeError：无法读取未定义的属性（读取“默认”）

我正在使用 babel 将 es6 代码转译为 es5。我有这个猫鼬模型 // src/user.model const User = mongoose.model('用户', userSchema); 导出默认用户； 在此 index.js 文件中使用...

使用 jest 运行测试时的可选链接问题

我正在尝试使用 Jest 运行测试，目前我在 React 应用程序中使用 jsx 和 tsx （从 js 更改为 ts），但是当我运行测试时，除了 tsx 中带有 optio 的测试之外，所有 jsx 测试都成功...

在 next-config.js 中禁用样式组件的 displayName 选项

是否可以在next-config.js中禁用样式组件的displayName选项？我知道可以通过使用自定义 .babelrc 来禁用，但我不想禁用 next.js SWC...

Babel 模块解析器无法按预期工作

我在我的节点项目中使用 eslint 配置了 babel-plugin-module-resolver 。这是我的 eslintrc。 { “环境”：{ “es6”：正确， “节点”：真 }, “延伸”：[ “爱彼迎基地” ], “全局变量”...

Webpack webpack.config.js 与 webpack.config.babel.js 文件

有人可以解释一下 webpack.config.js 和 webpack.config.babel.js 文件之间的区别吗？ 要在这两者之间进行更改，需要进行哪些更改？

Yarn 工作区 + Storybook 编译错误

我正在使用具有以下结构的纱线工作区： “工作空间”：[ “应用程序/*”， “包/*”， “实用程序/*” ], 我写了一些实用程序

添加 Babel 后，每个 Vite 应用都会崩溃。你能解释一下为什么以及如何避免这个问题吗？

我有两个项目（一个用于测试当前问题），它们是简单的 vite/react 无打字稿应用程序。 当我跑步时 npm install --save-dev @babel/core @babel/cli @babel/preset-env 应用程序开始崩溃...

React Native 版本 0.72 TypeScript 中的绝对路径

嘿伙计们，所以我正在努力在 React Native 中设置绝对路径，我使用了 babel-plugin-module-resolver 来实现这一点，并且还设置了 tsconfig.json 和 'babel.config.js' ，速度如下，VS 代码没有给...

未捕获类型错误：无法读取 null 的属性（读取“useContext”）

所以我的反应代码中没有任何地方使用 useContext 属性。我有一个 npm 包，其中有一个已编译的 webpack 文件，其中有一个组件。当我尝试在我的 React 应用程序中使用该组件时

由于 webpack 错误而构建失败

我突然从下一个 js 应用程序收到以下错误。有什么办法可以解决这个问题吗？ ./pages/_app.tsx 错误：[BABEL] C:\Projects\skribeNew pp-web\pages\_app.tsx：您给了我们一位访客点头......

Babel 错误：JSX 值应该是表达式或带引号的 JSX 文本

当我尝试将 JSX 代码编译为 JS 时，我收到来自 Babel 的错误。我是新来做出反应的，所以如果这是一个明显的问题，我深表歉意，我无法找到任何似乎相关的内容。我是

如何在Codesandbox中使用Babel插件提案抛出表达式？

在Codesandbox中使用React我试图抛出新的Error('出了问题');我有这个错误： 我已经添加了这个依赖项：https://babeljs.io/docs/en/babel-plugin-proposal-throw-express...

NodeJS - 类型错误 [ERR_INVALID_ARG_TYPE]：“path”参数必须是字符串类型。收到未定义

我的 Webstorm 中有一个 Node/React 项目，由于此错误而无法运行。我必须重新安装 Windows 并重新开始我的开发。我将代码放回到 IDE 中，但是当我开始时...

工具提示的条件渲染似乎无法正常工作

我的react with antd项目中有以下代码 返回 （ { b使用工具提示 && } 我的 React with antd 项目中有以下代码 return ( { bUseTooltip && <Tooltip text='test'> } <Input type="text" value={value.strValue || strValue} onFocus={funcTriggerFocus} onChange={funcOnInputChange} onBlur={funcTriggerBlur} autoComplete="off" id={strId} /> { bUseTooltip && </Tooltip> } ); 如果“bUseTooltip”已设置为 true，则应该渲染“tooltip”元素。相反，我收到了需要逗号的编译错误。 40:23 error Parsing error: Unexpected token, expected "," 38 | 39 | return ( > 40 | { bUseTooltip && <Tooltip text='test'> } | ^ 41 | <Input 42 | type="text" 43 | value={value.strValue || strValue} ✖ 1 problem (1 error, 0 warnings) @ ./src/components/form/FormItem/index.js 16:0-50 78:38-51 @ ./src/domain/public/Login/index.jsx @ ./src/domain/public/Home/index.jsx @ ./src/App.jsx @ ./src/index.js ERROR in ./src/components/input/TextField/index.jsx Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: D:\Workspace\Projects\......\src\components\input\TextField\index.jsx: Unexpected token, expected "," (40:22) 可能是 babel 配置，但我不确定。有什么想法吗？ 我认为这可能与您的组件返回多个未包装在单个父组件中的 Dom 同级元素有关。尝试将整个 jsx 包装在 React 片段组件中（<>...），看看是否有效 看起来您缺少 Tooltip 组件的结束标签... { bUseTooltip && <Tooltip text='test' /> } 关闭组件标签有两种方法 1-自动关闭 <Tooltip /> 2- 对应的结束标签 <Tooltip> </Tooltip> 我有点傻。为了使其正常工作，我在退货中添加了额外的 div 元素。看来只有那时才有效。所以现在我的回报是这样的： return ( <div> {value.bUseTooltip ? ( <Tooltip title={value.strTooltip} > <Input type="text" value={value.strValue || strValue} onFocus={funcTriggerFocus} onChange={funcOnInputChange} onBlur={funcTriggerBlur} autoComplete="off" id={strId} /> </Tooltip> ) : ( <Input type="text" value={value.strValue || strValue} onFocus={funcTriggerFocus} onChange={funcOnInputChange} onBlur={funcTriggerBlur} autoComplete="off" id={strId} /> )} </div> ); 如果开始标签和结束标签处于不同的条件，它仍然不喜欢它。我下次再玩这个。现在可以做到这一点，这个组件不会改变 100 次，我也许能够将输入标记从返回移到变量中，而不必更新它两次并保持它们相等。 正如之前的答案中所建议的，将其包装在 <Fragment> 或 <> 中不起作用，但将其包装在 div 中确实有效；不完全确定内部运作方式。 有效 <Tooltip content={'item.name'} delayDuration={0} key={'tooltip' + item.name} > <div> <ListItem item={item} isCollapsed={isCollapsed} /> </div> </Tooltip> 如果没有 <div> 包裹 ListItem，则不会。

无法解析使用 jest 的模块

我正在尝试为我的项目设置笑话。 项目结构 根/ 源代码/ 索引.ts 测试/ 索引规格 包.json babel.config.cjs 我...