babel-6 相关问题


如何使用 karma-babel-preprocessor 和 PhantomJs 保留行正确的行号?

当我像这样使用 karma-babel-preprocessor 的记录配置时 module.exports = 函数(配置){ 配置.设置({ 预处理器:{ 'src/**/*.js': ['babel'], '测试/*...


尝试将我的 nextjs 项目从 babel 迁移到 swc,它会抛出错误“当前未启用对实验性语法‘jsx’的支持”

我正在尝试将我的 NextJS 项目(NextJS 版本 13)从 babel 迁移到 swc。这是我的 bablerc 文件。我不断收到错误“当前未启用对实验性语法‘jsx’的支持...


Jest + TypeScript + Babel 未知选项:.0

我使用 Jest 为我的一些 Fauna DB 操作编写了一个集成测试。我尝试测试的源代码 (fauna.ts) 和测试本身 (fauna.test.ts) 都是 TypeScript 文件。我已经


在发布为 npm 包之前使用 npm 链接测试组件时出现重复的 ReactJS 导入问题

我有一个像这样的简单组件。 从'react'导入React,{useState}; 函数 MyComponentWithState(props) { const [值,setValue] = useState(0); 返回 ( 我的价值... 我有一个像这样的简单组件。 import React, {useState} from 'react'; function MyComponentWithState(props) { const [value, setValue] = useState(0); return ( <p>My value is: {value}</p> ) } export default MyComponentWithState; 我想将它作为单独的包发布在 NPM 上。因此,为此我准备了 package.json 和 webpack.config.js,如下所示。 package.json: { "name": "try-to-publish", "version": "0.0.1", "description": "Just a test", "main": "build/index.js", "scripts": { "start": "webpack --watch", "build": "webpack" }, "author": { "name": "Behnam Azimi" }, "license": "ISC", "peerDependencies": { "react": "16.9.0", "react-dom": "16.9.0" }, "dependencies": { "react": "16.9.0", "react-dom": "16.9.0", "prop-types": "15.7.2", "react-scripts": "3.1.1", "webpack": "4.39.3" }, "devDependencies": { "@babel/core": "7.6.0", "@babel/plugin-proposal-class-properties": "7.5.5", "@babel/preset-env": "7.6.0", "@babel/preset-react": "7.0.0", "babel-loader": "8.0.6", "babel-plugin-transform-object-rest-spread": "6.26.0", "babel-plugin-transform-react-jsx": "6.24.1", "css-loader": "3.2.0", "node-sass": "4.12.0", "sass-loader": "8.0.0", "style-loader": "1.0.0", "webpack-cli": "3.3.8", "webpack-external-react": "^1.1.2" } } webpack.config.json: const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'build'), filename: 'index.js', libraryTarget: 'commonjs2' }, module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, include: path.resolve(__dirname, 'src'), use: { loader: "babel-loader" } }, ] }, resolve: { alias: { 'react': path.resolve(__dirname, 'node_modules/react'), 'react-dom': path.resolve(__dirname, 'node_modules/react-dom'), } }, externals: { 'react': "commonjs react", 'react-dom': "commonjs react-dom" }, }; 这是我的 .babelrc: { "presets": [ "@babel/preset-env", "@babel/preset-react" ], "plugins": ["@babel/plugin-proposal-class-properties"] } 当我将组件发布到 NPM 并使用 `npm install 将其安装到我的另一个 ReactJs 项目中时,这些配置就像魅力一样,但我的观点是本地测试! 我想在发布之前测试这个组件/库。为此,我使用 npm link 功能将我的组件与我的主 ReactJS 项目链接起来。 正如您在上面看到的,我的组件是功能性的,我也使用了钩子。因此,当我将本地链接的库注入到我的主 ReactJs 项目中时,会遇到此错误, 无效的挂钩调用。钩子只能在函数组件的主体内部调用。发生这种情况可能是由于以下原因之一: 1.您的React和渲染器版本可能不匹配(例如React DOM) 2. 你可能违反了 Hooks 规则 3. 您可能在同一个应用程序中拥有多个 React 副本 我的问题与第三个原因有关。我的项目使用 ReactJs 并导入一次,我的组件也会导入 React!我的意思是在一个项目中两次 React 导入!. 我的 Webpack 配置中还有关于 react 和 react-dom 的 externals 配置。 我应该怎么做才能解决这个问题?我的错误在哪里? 更新: 我也尝试过 @sung-m-kim 和 @eddie-cooro 所说的,但没有成功!意思是,我更改了 package.json 并从 react 中删除了 react-dom 和 dependencies 并将它们添加到 devDpendencies。 我终于通过这些步骤解决了这个问题。 运行npm链接里面 <your-library-package>/node_modules/react 还有 运行npm链接里面 <your-library-package>/node_modules/react-dom 然后在 应用程序根目录中运行 npm link react 和 npm link react-dom 并且不要忘记将 React 和 React-dom 作为库中的外部对象保留 // webpack.config.js const externals = { "react": "react", "react-dom": "react-dom", } module.exports = { . . . externals } 我解决了我的问题。我使用 RollupJS 而不是 Webpack 作为捆绑工具进行捆绑。 这是我的rollup.config.js: import {uglify} from 'rollup-plugin-uglify' import babel from 'rollup-plugin-babel' export default { input: "./src/index.js", external: ['react', 'react-dom'], output: { name: 'test-lib', format: "cjs", }, plugins: [ babel({ exclude: "node_modules/**" }), uglify(), ], }; 和我的package.json: { "name": "test-lib", "version": "1.0.0", "main": "dist/test-lib.min.js", "scripts": { "build": "rollup -c -o dist/test-lib.min.js" }, "author": "Behnam Azimi", "license": "ISC", "peerDependencies": { "react": "^16.9.0", "react-dom": "^16.9.0" }, "devDependencies": { "@babel/core": "^7.6.0", "@babel/preset-env": "^7.6.0", "@babel/preset-react": "^7.0.0", "rollup": "^1.21.4", "rollup-plugin-babel": "^4.3.3", "rollup-plugin-commonjs": "^10.1.0", "rollup-plugin-uglify": "^6.0.3" } } 经过这些更改,npm link在我的ReactJS(Hooks)项目中真正发挥了作用。 请注意,这只是一个简单的 Rollup 配置来展示我的解决方案,您可以在配置中添加多种内容,例如热重载、样式加载器和许多其他插件。 仅在 package.json 的 react 部分(而不是 react-native)内设置 peerDependencies 和 dependencies 包。另外,对于本地开发(当您的包未包含在任何其他 React 项目中并且您想在本地运行它时),您可以使用 devDependencies 字段。 我在打字稿反应项目中解决了这个问题。 可能,当使用 npm link 时,请使用主应用程序项目和组件项目中的 react。 因此,在您的 package.json 中从 react 和/或 dependencies 中删除 devDependencies 检查答案:https://stackoverflow.com/a/62807950/5183591 我也有同样的问题。 就我而言,我开发了一些 UI 组件作为包,其中有一个包含 React 应用程序的示例文件夹,用于创建 React 应用程序。 问题是,当我使用 npm i ../ 将包安装到示例应用程序中时,它会将包中的所有文件安装到示例应用程序中,包括 node_modules 文件夹。由于我已经安装了 react 和 react-dom 作为对等依赖项,示例应用程序现在有两个不同的 React 副本。 从包中删除 node_module 文件夹并重新安装包再次解决了我的问题。


将 Spring Security 5 迁移到 Spring Security 6 HttpSecurity 问题

Spring Security 6 中以下代码应该替代什么? http .authorizeRequests() .requestMatchers("/hub/**").access("hasPermission('SOME_LAYER', '')")...


Symfony 6 串行器

嗨,我需要使用 symfony 6 对这些数据进行非规范化 数组:4 [ “createdAt” => 数组:3 [ “日期”=>“2024-01-09 17:04:37.209330” “时区类型”=...


如何从 r 中最早的公共月日开始计算不同年份不同组的完全相同数量的值?

我有 2 种生物标记物(“分析物”)的值,在 2 个不同时期使用 2 种不同的“方法”进行测量(从 2022 年 6 月 3 日到 2022 年 6 月 6 日的 4 天内使用“旧”方法,以及在 2022 年 6 月 6 日期间使用“新”方法) ' 方法超过 7 天,从...


Python 上的操作顺序是如何进行的?

我的问题是这样的: 10-7//2*3+1 我应该解这个方程。 使用 PEMDAS 时我的答案似乎是 8: 首先它的 2*3 = 6; 10-7//6+1 第二个= 7 // 6 = 1; 10-1+1 第三=...


类方差权威变体允许“空”值,但不应该

我这样使用cva: 导出 const checkboxVariants = cva('边框 ...', { 变体:{ 尺寸: { sm: 'h-4 w-4', md: 'h-5 w-5', lg: 'h-6 w-6', }, },


仅禁用 EF 6 中一个实体的插入和更新

我们使用 C# 和 EF 6 代码优先方法,并获得了一堆实体类型。是否可以仅对一种实体类型禁用插入和更新,并仍然使用 EF 6 进行删除/选择


如何使用spring security 6为AuthenticationManager的参数2定义bean?

我是 Spring Security 6 的新手。当我尝试配置安全性时,出现此错误: ************************** 应用程序无法启动 ************************** 描述:


UML关系计算

(a) 如果有 6 位作者,最少和最多的书数是多少?最少和最多读者人数是多少? (b) 如果有 6 个读者,最少和最多是多少...


使用多个实例访问 SpringBoot 3/Hibernate 6 中的 Envers 修订版

在 SpringBoot 3 (Hibernate 6) 中,序列生成器现在分配多个增量。这也适用于 Envers 修订号。 隐式 seq 的默认值...


为什么 EFCore 6 不再在 iOS 上运行?

我在使用 .net6 构建的 iOS 应用程序上使用 Entity Framework Core 6。它曾经适用于旧版本(EF 和 .net),但现在我收到以下错误: 系统。


如何在 kibana UI 搜索栏上编写查询以仅根据过滤器获取前 6 条记录

我只想根据我的情况获取前 6 个结果。 我们如何在搜索栏上编写查询。


Rails 6 Action 邮箱和 Gmail 集成方法

Rails 6 现在附带了 Action Mailbox。文档和社区没有关于如何集成 SendGrid 等最常见服务之外的各种服务的丰富资源。 假设一个人...


Tensorflow.js 具有 6 个参数的函数的多变量拟合

我想寻求一些帮助。 我的目标是使用 tensorflow.js 中的非线性回归方法确定 R^2 -> R 函数中 6 个参数的值(因此有两个


Qt 6 Android:Gradle 无法使用内置 JAR 错误进行构建

我正在尝试使用 Qt 6 和 Qt Creator 构建 Android。 尝试为 Android 构建任何项目(Widgets 或 Quick)(包括示例项目)时,会发生以下构建错误。 错误...


扩大 pandas 数据框中值之间的距离

如何扩大pandas数据框中值之间的距离? A 1 3 2 5 3 6 5 5 6 9 我想将相邻元素之间的距离增加x倍,例如两倍。 预期输出: ...


.NET 6 连接到 Windows 会话切换

我正在将一个应用程序从 .NET Framework 迁移到 .NET 6。它在内部启动 Kestrel Web 服务器,并且旨在作为 Windows 服务运行 - 在使用 Topshelf li 实现的旧版本中...


js中反转数组元素后半部分

这里,我写了一个程序,遍历并反转数组元素的最后一部分,就像数组是[5, 17, 11, 10, 12, 6],我想要输出像[5, 17 , 11, 6, 12, 10],所以我有


如何使用 Java 17、Spring 6、Jakarta Server Faces 4.x 和 PrimeFaces 12 检索 FacesContext?

我正在尝试将我的 JSF + PrimeFaces (UI) + Spring 应用程序从 Java 8 迁移到 Java 17,同时还将 Spring 版本迁移到 6。 为此,需要从 javax 库移出...


使用 Entity Framework Core 6 对表的子集应用逆向工程

我正在开发 ASP.NET Core Web API (.NET 6),我想仅对某些表应用逆向工程。因为数据库相当广泛,我不需要所有的表,只需要一些


为什么 Mongodb 不会自动创建“id”,以及如何禁用它

{ “_ID”: { “$oid”:“65ea05dbaa907e05219c0934” }, “id”:6, “标题”:“asd”, “内容”:“asd”, “自动...


Excel VBA:无法捕获击键

我有一个用户表单,为用户提供 6 个选择。他们可以单击用户表单上的相应选项,也可以按键盘上的数字 1 到 6。我的问题是按键或按键...


C++ std::array 迭代器保证是类似指针的吗?

我有一个 C++ 数组。 std::array arr { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 }; 我想反转最后五个元素,最终得到 { 0, 1, 2, 3, 4, 9, 8, 7, 6, 5 }。我知道 std::array 给出...


如何在 DolphinDB 中使用元编程重写脚本?

st = take(`a, 7) 加入 take(`b, 6) 日期 = 2023.08.01 + 0 1 3 6 7 8 9 0 1 2 3 8 9 值 = 35 34 35.79 33.26 32.88 33.73 31 25 24 22 25.79 21 31 t = 表(st、日期、val) 市场日 = 2023.08.01 + 0 1 2 3...


ASP.NET Core 6 MVC:仅使用授权策略在 HttpPost 上出现 cors 错误

我已将 ASP.NET Core 6 MVC 应用程序添加到 Azure“应用程序注册”,并且我能够使用 Microsoft WebUI 登录并执行 GET 请求来获取例如我的观点。 应用...


如何在网格布局中实现顶部对齐?

我正在尝试制作网格布局。网格中有 7 个项目。 我想要显示的布局如下。 1 3 6 2 4 7 5 上面代码显示的实际布局是 1 2 3 4 5 6 ...


在 R 中的图形中的多列中排列多个`dygraphs::dygraph()`图

我知道我可以用 6 个 dygraph::dygraphs() 图来制作一个图形,这些图排列成 6 行和 1 列。 图书馆(图文) 库(htmltools) 死亡人数 <- structure(c(2134, 1863, 1877, 1877, 1492, 1249, 1...


Spring Security 6 POST 请求未经permitAll()授权

我正在使用 Spring Boot 3、Spring Security 6。我的安全配置无法正常工作。我有 2 条路径,任何请求都应该被允许,而对于其他所有请求,都需要进行身份验证...


如何在http post和net 6框架中声明包装的请求

我正在致力于将 wcf 应用程序从 net 4.8 迁移到 6。 基本要求是所有客户必须继续工作而不做任何改变。但对于某些方法来说,...


在使用 macOS ARM64 的 Python 3.10 上执行 `import cv2` 时出现 `Abort trap: 6` 错误

在使用 macOS ARM64 的 Python 3.10 上执行 import cv2 时出现以下 Abort trap: 6 错误。 我尝试使用较低版本的 opencv-python (4.6.0.66) 和最新版本,但仍然不起作用。 ...


我可以使用 lapply 或类似的函数将类添加到数据框的选定列吗?

这个数据框 > jnk <- mtcars[1:3, 1:3] > jnk mpg 气缸显示 马自达 RX4 21.0 6 160 马自达 RX4 威格 21.0 6 160 达特桑 710 22.8 4 108 有如下类: >


Apache Tiles 3.x 不再在 Spring 6.x 中编译,因为 javax.* 重命名为 jakarta。*

我的应用程序使用Spring 5.x,Apache Tiles 3.0.x。现在我想迁移到 Spring 6.x,但问题出在 Apache Tiles 3.0.x 上,因为它有 javax.servlet.* 而不是 jakarta.* 。所有春天...


Angular 6 嵌套 FormGroup 模板验证

我的表单组结构如下所示(order.component.ts): this.orderForm = this.formBuilder.group({ 客户:this.formBuilder.group({ 名称:['',验证器.required], 电话: ['',


从字符串中删除“1,”和“2,”而不删除“11,”和“12,”

我有一列字符串,可以在逗号分隔的列表中包含 1-15 (例如“1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14 , 15" 或 "2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 1...


将.net框架转换为.net 6 oracle db版本选择

我需要转换一个使用.net框架和oracle 12c作为数据库的Windows应用程序。 我是否需要为新的 .net 6 框架使用最新的 oracle db 版本(例如 21c 或 19c),还是应该...


具有整数平均值的非空子序列的计数

是否有任何算法可以用整数平均值来计算数组的非空子序列的数量,除了暴力方式?有dp解决方案吗? 例如对于 {2, 6, 2} 我们有 6 个子序列


如何在C++中打印剩余的一组数字?

假设有一个集合 U = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10} 我创建了一个 C++ 程序,然后使用一些逻辑打印了数字 { 1, 3 , 6, 7, 9}(我们称之为集合 A),所以剩下的数字是...


Angular Material 6 网格列表对齐项目并将内容对齐到 flex-start

我正在尝试使用 Angular Material 6 动态网格列表。与文档相关的示例将网格的内容放在每个图块的中心。请参阅此处的示例 我想要内容进去...


选择具有不同/不同名称的重复项

我有文章库: INDEKS_KATALOGOWy ID_MAGAZYNU 纳兹瓦 奥帕000001 1 温吉尔 奥帕000001 6 温吉尔 奥帕000001 7 温吉尔 奥帕000002 1 文吉尔·布鲁纳尼 奥帕000002 6 文吉尔·布鲁纳尼 奥帕000002 7 文吉尔


显示所有超过6个月未提交的分支的最简单方法是什么?

公司的一个存储库中似乎存在 1836 个分支,我收到了一项任务,首先显示然后删除 6 个月内未提交的所有分支。 我发现这个所以


聚合单独列中的数据子集,无需子查询

我有一个表,我们称之为事务,就像这样 交易ID 帐户 地点 数量 1 齿轮 A 100 2 齿轮 A 150 3 齿轮 乙 200 4 齿轮 乙 100 5 销售量 A 225 6 销售量 A 75 5 销售量 乙 250 6 ...


整数转换为指针是什么意思?

给出以下代码: 令 mut a = 5; 设 b = &mut a; *b = 6; println!("{:p}",&a as *const i32 ); println!("{:p}",a as *const i32 ); println!("{:p}",&a); 原则...


2023 年 6 月后使用 USB 令牌在 Visual Studio 2022 中对 ClickOnce 清单进行代码签名

我正在努力寻找解决方案来在 Visual Studio 2022 中签署简单桌面应用程序的 ClickOnce 清单。我有一个 2023 年 6 月后颁发的新标准代码签名证书(即...


PostgreSQL 数据库中 JSON 数据的 WHERE 条件

我有一个 PostgreSQL 数据库,其中包含 6 行 JSON 数据: 从 js.orders 中选择 *; 回报 编号 |信息...


对数组的每 N 个元素进行排序的排序算法

我正在寻找一种对数组的每个 N 元素进行排序的算法。 例如,数组为 7 8 6 4 5 1 4 3 5,N 为 3。 我希望排序后的数组为 6 7 8 1 4 5 3 4 5 请注意...


在 Visual Basic 2010 中哪些代码具有与“Picture1.Cls”(VB 6) 相同的功能?

是否有任何代码或我可以在 Visual Basic 2010 中执行的操作与 Visual Basic 6 中的 picture1.Cls 具有相同的功能? 我想清除我的条形码应用程序项目中的图片框,所以每次...


如何将金字塔图案打印为字符串数组/列表[关闭]

我想打印这样的金字塔图案: 当n=3时 [ “*”, “***”, “*****” ] 当n=6时 [ “*”, “***”, ...


© www.soinside.com 2019 - 2024. All rights reserved.