babeljs 相关问题

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 我...

create-react-app：找不到@babel/types@^7.22.18

我尝试根据AWS amplify教程运行这个create-react-app命令 npx create-react-app 反应放大 最终我得到这个错误： npm 错误！ notarget 找不到...的匹配版本

Next.js 使用 jest --coverage 错误进行单元测试

我使用 Next.js 创建 Web 应用程序并使用 jest 进行单元测试。我使用 create-next-app with-jest 中的模板设置了该项目（https://github.com/zeit/next.js/tree/master/examples/...

用于测试的 babel 配置设置

我使用 React-native-testing-library 在我的 React Native 应用程序中使用 TypeScript 设置了测试。我已经配置了我的 babel,config.js 如下。但有一个奇怪的问题。 模块. 导出 = { 预...

React 构建上的 CSS Minimizer 插件出现未知单词错误

React 构建由于 CSS Minimizer 插件的“未知单词”错误而失败。当我运行 npm run build 时，它不断失败！ 编译失败。 来自 Css 的 static/css/main.d3e3749c.css

如何将babel转译代码转换为普通js

我正在使用名为 babel-plugin-transform-react-class-to-function 的插件 用于将反应类转换为功能组件。它将给定的输入转换为转译的 babel 代码，但我想要......

如何在 NextJS 中使用 SWC（而不是 babel）来检测 Cypress 中的代码？

我将 Cypress 集成到我的项目中进行测试，一切都很顺利，但是，当我想要进行代码覆盖率时，我找不到解决我的问题的方法。 在 NextJS 13 中，它不支持 .b...

nextjs 服务器操作/函数无法在客户端组件中使用 babel 进行编译

在客户端组件中，调用另一个模块中定义的异步服务器操作/函数 导出异步函数 addTodo(data: FormData) { 等待取... } 使用默认的 swc 编译器可以正常工作...

错误：语法错误：...navigation/index.ts：意外的标记，预期为“</>/<=/>=”（52:23）

我有一个 React Native/Expo 应用程序，我刚刚启动并创建了导航。我的代码是： 从'@react-navigation/native'导入{NavigationContainer，DefaultTheme}； 从 ... 导入 { SafeAreaProvider }

将 git repo 作为包安装在另一个项目中

我正在尝试将 git 存储库安装到项目中，以便我可以导入组件。我无法使用 npm 来打包组件，因为我们没有私有的 npm 注册表。 当我尝试安装时...