首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

{错误:[React Intl Error MISSING_DATA]在Intl.NumberFormat中缺少区域设置"th“的区域设置数据

错误:[React Intl Error MISSING_DATA]在Intl.NumberFormat中缺少区域设置"th“的区域设置数据。

这个错误是由于在React Intl库的Intl.NumberFormat组件中缺少了区域设置为"th"(泰国)的数据导致的。Intl.NumberFormat是用于格式化数字的组件,它根据不同的区域设置来显示数字的格式,例如货币符号、小数位数等。

要解决这个错误,可以尝试以下几个步骤:

  1. 确保你的应用程序的依赖中包含了React Intl库,并且版本是最新的。你可以通过运行npm install react-intl来安装最新版本。
  2. 检查你的应用程序的语言设置是否正确。你可以在应用程序的配置文件或语言设置文件中查看是否包含了"th"(泰国)的区域设置。
  3. 如果你的应用程序中使用了自定义的区域设置数据,确保你已经提供了"th"(泰国)的区域设置数据。你可以在React Intl的官方文档中找到关于如何提供自定义区域设置数据的详细说明。
  4. 如果你没有自定义的区域设置数据,那么可能是React Intl库本身缺少了"th"(泰国)的区域设置数据。在这种情况下,你可以尝试提交一个issue给React Intl的开发团队,提醒他们添加"th"(泰国)的区域设置数据。

总结起来,错误[React Intl Error MISSING_DATA]在Intl.NumberFormat中缺少区域设置"th"的区域设置数据,可能是由于缺少"th"(泰国)的区域设置数据导致的。你可以通过检查应用程序的依赖、语言设置和提供自定义区域设置数据来解决这个问题。如果问题仍然存在,你可以向React Intl的开发团队提交一个issue。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Javascript 引擎 V8 7.7 版本发布

为了减少 V8 内存使用量,现在只函数执行了一定数量字节码之后才分配反馈向量。这避免了为没有从已收集反馈受益短期函数分配反馈向量。...根据使用线程数,与 V8 7.4 版本相比,编译所需时间不到一半。 ? ? Stack trace 改进 几乎所有由 V8 引发错误创建时都会捕获跟踪栈信息。...这个序列化栈跟踪被保存起来,以加快将来 error.stack 访问。 此版本对栈跟踪逻辑进行了一些内部重构(跟踪错误),简化了代码并将栈跟踪序列化性能提高了 30%。...JavaScript 语言特性 提供特定区域设置数字格式 Intl.NumberFormat API,在这个版本获得了新功能,它现在支持紧凑符号,科学符号,工程符号,符号显示和测量单位。...const formatter = new Intl.NumberFormat('en', { style: 'unit', unit: 'meter-per-second', }); formatter.format

71130
  • 你不知道JavaScript APIs

    data 包含要共享数据对象,该对象要与 Navigator.share() 方法传递数据相匹配。...一个 BCP 47 语言标记代表了一种语言或者区域(两者没有很大区别)。在其最常见格式,它以这样顺序囊括了这些内容:语言代码,脚本代码,和国家代码,全部由连字符分隔开。...Intl.ListFormat 启用对语言敏感列表格式化对象构造函数。 Intl.NumberFormat 用于启用语言敏感数字格式对象构造函数。...我们例子,我们重点关注 Intl.DateTimeFormat() 构造函数,以根据用户区域设置来格式化报价 dateAdded 属性。...我们可以使用navigator.language全局属性报价单日期上实现这一行为,该全局属性持有用户首选区域设置

    79720

    JavaScript 权威指南第七版(GPT 重译)(四)

    11.7 国际化 API JavaScript 国际化 API 由三个类 Intl.NumberFormatIntl.DateTimeFormat 和 Intl.Collator 组成,允许我们以区域设置适当方式格式化数字...第一个参数也可以是区域设置字符串数组,在这种情况下,Intl.NumberFormat 将选择最具体且受支持区域设置。...一旦您使用所需区域设置和选项创建了一个 Intl.NumberFormat 对象,您可以通过将数字传递给其format()方法来使用它,该方法将返回一个适当格式化字符串。...Intl.DateTimeFormat()构造函数接受与Intl.NumberFormat()相同两个参数:区域设置区域设置数组以及格式选项对象。...这些排序变体不能通过 Intl.Collator 选项参数进行选择,但可以通过区域设置字符串添加 -u-co- 并添加所需变体名称来选择。

    46110

    微服务架构Day04-SpringBoot之web开发

    如果没有找到特定语言环境文件,是否返回到系统区域设置 默认为true....对象 List calculateAllFilenames(String basename, Locale locale) 计算给定捆绑包基础名称和区域设置所有文件名 将计算给定区域设置文件名...MessageFormat消息组件格式化: 主要就是将消息串,参数格式化成字符串 3.页面获取国际化值 标签体th:text="#{}" th:placeholder="#{}" 非标签体...引入公共片段th属性: 1.th:insert -将公共片段整个插入到声明引入元素 2.th:replace-将声明引入元素替换为公共片段 3.th:include-将被引入片段内容包含进这个标签...问题:提交数据格式不对:生日日期==日期格式化:SpringMVC将页面提交数据需要转换为指定类型. ---- U: 请求URI和数据id通过 + 拼接字符串 页面发送PUT请求: 1.SpringMVC

    88010

    站在umi肩膀上做项目1

    umi文档中提到,文档链接: 如果项目的配置不复杂,推荐 .umirc.ts 写配置; 如果项目的配置比较复杂,可以将配置写在 config/config.ts ,并把配置一部分拆分出去,比如路由配置可以拆分成单独...内容都是我们新添加路由 添加后我们控制台看到了如下错误: 这是因为菜单配置文件没有添加对应配置。...} from 'react'; // antdesign引用组件 import { Col, Row ,Input,Button} from 'antd'; // 引入图标 import { SearchOutlined...history.push(redirect || '/'); return; } console.log(msg); // 如果失败去设置用户错误信息...setUserLoginState(msg); } catch (error) { const defaultLoginFailureMessage = intl.formatMessage

    58130

    Excelize 发布 2.6.1 版本,支持工作簿加密

    最小列号和单元格样式数量上限公式引擎新增数组公式支持支持根据给定密码对工作簿进行加密保护,相关 issue #199设置单元格富文本格式时,支持通过指定 RichTextRun vertAlign...属性设置上标和下标通过 DeleteDataValidation 函数删除数据验证时,支持省略第二个引用区域参数以删除工作表全部数据验证,相关 issue #1254公式计算引擎支持带有百分比符号条件比较表达式公式计算引擎支持依赖依赖公式计算.../列区间包含相同字段时,生成工作簿损坏问题,解决 issue #1203修复因缺少单元格类型检查导致获取单元格富文本内容异常问题,解决 issue #1213修复读取单元格值时,因单元格类型推断错误导致读取结果异常问题...#1163修复不包含视图属性设置工作表设置窗格时将出现 panic 问题修复部分情况下公式引擎多参数公式计算结果有误问题修复因内部页眉页脚属性定义顺序有误导致生成工作簿损坏问题,解决 issue...#1257修复部分情况下单元格赋值失效问题,解决 issue #1264修复设置工作表视图属性时可能出现 panic修复部分情况下因工作表核心属性 dcterms 属性为空,导致生成工作簿损坏问题修复新建工作表后工作簿属性丢失问题

    1.3K41

    记一次平淡无奇性能优化

    就在 Chrome Devtools Rendering 选项,勾选开启即可 ---- 当我使用工具进行 fps 观察,同时视图区域进行稳定匀速滑动时,能够感受到明显的卡顿和拖影。...接着打开 Performance 工具并开始录制,录制同时对视图区域进行稳定匀速滑动,滑动几秒后停止录制,拿到一份这样分析报告: 甘特图插件和主要技术栈都是react。...react16,当我们去做一些频繁触发render操作时,都要对有状态更改组件重新生成vdom,然后再决定是否更新真实dom,这些都是消耗时间。...继续点开右侧代码堆栈,去看看哪行代码执行时间比较长。 点开后,会自动帮我们跳转到 Devtools source 模块,还会将代码执行时间标函数左侧。...我们找到 formatjs packages/intl-datetimeformat/src/to_locale_string.ts toLocaleString 方法。

    45100

    Next.js实现国际化方案完全指南

    next-intl: 用于 Next.js 国际化插件,它提供了基于React Intl国际化解决方案,支持多语言文本和格式化。... Nextjs 项目根目录创建 message 目录, 然后新建语言包文件: # messages - zh.json - en.json 当然如果有其它语言翻译需求, 也可以添加对应语言文件,...= null).join('.') ); } }; }); 这段逻辑全局配置了 国际化加载路径,格式化数据方式,时间等参数,当然还有更多逻辑处理可以参考 next-intl...组件 / 页面中使用i18n next-intl 国际化定义支持命名空间,我们可以messages 对应语言文件通过嵌套结构来设置命名空间,有序管理不同页面的国际化文本: // zh.json...注意事项 由于 next 项目支持客户端渲染和服务端渲染,所以使用 next-intl 方式也是有区别的,如果我们页面中出现 next-intl 相关服务端渲染报错, 可以页面同级添加 layout.tsx

    74510

    Node.js v17 来了,看看都有哪些新功能?

    结合 process.stdin 可读取用户终端输入数据。...错误堆栈增加 Node.js 版本 堆栈跟踪是诊断应用程序错误信息重要组成部分, Node.js v17 版本,如果因为一些致命错误导致进程退出,错误堆栈尾部将包含 Node.js 版本信息...例如,md4 这是 OpenSSL 3.0 默认不再允许一个算法,如果是 Node.js 17 之前 Node 版本,应用程序是可以正常运行,但在 Node.js v17 中将抛出一个 error...Intl.DisplayNames API,支持语言、区域、货币、脚本四种类型,现在添加了两种新类型:calendar、dateTimeField,分别返回不同日历类型和日期时间字段显示名称。...API v8 9.5 版本为 timeZoneName 选项新增加了四个值:shortGeneric、longGeneric、shortOffset、longOffset。

    1.7K30

    【JS】201-JavaScript 日期权威指南

    您可以通过以+ HOURS格式添加时区来指定时区,或者通过添加括括号时区名称来指定时区: new Date('July 22, 2018 07:22:13 +0700') new Date('July...你可以setHours()添加多个参数来设置分钟,秒和毫秒:setHours(0,0,0,0) - 这同样适用于setMinutes和setSeconds。...根据区域设置格式化日期 现代浏览器支持良好国际化API(值得注意例外:UC浏览器)允许您翻译日期。 它是由Intl Object 暴露出来,这也有助于本地化数字,字符串。...根据计算机默认区域设置格式化日期: // "12/22/2017" const date = new Date('July 22, 2018 07:22:13') new Intl.DateTimeFormat...().format(date) //"22/07/2018" in my locale 根据不同区域设置格式化日期: new Intl.DateTimeFormat('en-US').format(date

    2.8K20

    Node.js v17 来了,看看都有哪些新功能?

    结合 process.stdin 可读取用户终端输入数据。...错误堆栈增加 Node.js 版本 堆栈跟踪是诊断应用程序错误信息重要组成部分, Node.js v17 版本,如果因为一些致命错误导致进程退出,错误堆栈尾部将包含 Node.js 版本信息...例如,md4 这是 OpenSSL 3.0 默认不再允许一个算法,如果是 Node.js 17 之前 Node 版本,应用程序是可以正常运行,但在 Node.js v17 中将抛出一个 error...Intl.DisplayNames API,支持语言、区域、货币、脚本四种类型,现在添加了两种新类型:calendar、dateTimeField,分别返回不同日历类型和日期时间字段显示名称。...API v8 9.5 版本为 timeZoneName 选项新增加了四个值:shortGeneric、longGeneric、shortOffset、longOffset。

    1.4K20

    springBoot——Web开发简介【七】

    (~{})]; 三种引入公共片段th属性: th:insert:将公共片段整个插入到声明引入元素 th:replace:将声明引入元素替换为公共片段 th:include:将被引入片段内容包含进这个标签...处理 定制错误响应 1️⃣ 定制错误页面 ① 模板引擎 将错误页面命名为错误状态码.html,放在模板引擎文件夹里面的 error文件夹下,发生此状态码错误就会来到对应页面; ② 静态资源文件夹...没有模板引擎(模板引擎找不到这个错误页面),静态资源文件夹下找; ③ 默认页面 以上都没有错误页面,就是默认来到SpringBoot默认错误提示页面 2️⃣ 定制错误json数据 ① 自定义异常处理...return "forward:/error"; } 3️⃣ 定制数据携带出去 出现错误以后,会来到/error请求,会被BasicErrorController处理,响应出去可以获取数据是由...【或者是编写AbstractErrorController子类】,放在容器; 2、页面上能用数据,或者是json返回能用数据都是通过errorAttributes.getErrorAttributes

    7610

    一起来看看 Node.js v14.x LTS 这些新功能

    区域、货币、脚本名称,现在 JavaScript 开发者可以使用 Intl.DisplayNames API 直接访问这些翻译,使应用程序更轻松显示本地化名称。...详细使用参见笔者文章 “ Nodejs ES Modules 使用入门讲解” 介绍。...Top-Level Await 顶级 await 支持异步函数之外使用 await 关键字, Node.js v14.x LTS 版本已去掉试验性支持,现在使用也不再需要设置标志。...; Stream 中使用 以往我们可以通过 on('data') 以事件监听方式读取数据,通过异步迭代器可以一种更简单方式实现。...关于异步迭代器详细使用参见笔者文章 “探索异步迭代器 Node.js 使用” 介绍。

    96020
    领券