React学习（一）：React+antd出现locale模块缺失的问题

最新推荐文章于 2024-03-15 16:59:08 发布
最新推荐文章于 2024-03-15 16:59:08 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： React学习 文章标签： react js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_38843713/article/details/105896746
版权
在使用React+antd开发众筹DAPP项目时遇到locale模块缺失的错误，疑似antd依赖的moment.js版本bug。尝试降级moment无效。通过显示configure目录，修改webpack.configure.js文件暂时解决问题，但仍有控制台错误，期待深入探讨。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题阐述：这段时间在完成毕设的一个众筹DAPP项目，前端这边使用的是React+antd的技术栈。不打算写多高性能，最起码这个基本页面得过得去。在React项目中引入antd，直接报了一个错，我觉得这不是我的错，而是一个实实在在的框架bug。官网直接copy的代码，它整个locale模块缺失，顺着目录找下去，全齐活，它还就是告诉你模块不存在。大概是这个样子的错误报错原图
然后我跟它磕了两天，对付这种问题没有别的办法只能查各种文档，然后一个去试。基本总结一下，大概是antd下边的一个依赖moment.js下边的locale出了点问题，据说是某个版本的moment.js对locale的引用出现bug。

解决方式两种：
（1）moment降级

yarn install moment@2.18.1

我试了一下，无效

（2）修改webpack.configure.js文件
这一步是可以解决问题，但是在这个之前你得解决另一个问题

最低0.47元/天 解锁文章
react+antd4之Table（版本一）
liuxin_1991的博客
08-06 441
表格带有筛选、分页、操作（上下架、表单）等功能（初期版本） 接口server.js export function listApi(params) { const reqBody = { pageNum : 1, pageSize: 10, ...params } return post('/users/page', reqBody); } 页面.js import React, { useEffect, useState } from 'react' import { Card
react + antdPro 从构建到运行 + 路由 + 组件 + 配置
晴天有点孤单
12-16 1392
前言：为什么重新来过呢？上一次写react项目已经是两年前了，那个时候还是 jq 混搭，最近两年一直在写vue项目，然后吧时间一长就容易忘记，这不最近看了看已经大变样了，，，废话不多说l。。项目跑起来后 rt 下面从头开始一步步来 首先 就是安装了，这里我们用到了 umi来构建antdPro项目 yarn create umi or cnpm create umi 上面二选一，这个我就不多...
解决React在安装antd之后出现的Can't resolve './locale'或者浏览器显示Cannot find module './locale’问题的两种方案
trenki的博客
05-02 1万+
React在安装antd之后出现的Can’t resolve './locale’或者浏览器显示Cannot find module './locale’问题，是因为moment的版本有问题，而react默认使用了最新的moment，但是在moment@2.24.0中是没有问题的。 1.第一种解决方法 解决方案就是配置webpack的alias,将所有的 moment 路径引用导入到 moment@2.24.0 操作步骤 安装moment 依赖 npm install moment@2.24.0
antd 汉化 locale
qq_43613029的博客
08-30 739
//汉化日历 importzhCNfrom'ant-design-vue/es/locale/zh_CN'; <a-config-provider:locale="locale"> <divid="app"> <divid="nav"> <router-view></router-view> </div> </div> <...
antd-vue 组件国际化locale配置（Warning: [antdv: LocaleProvider] ‘LocaleProvider‘ is deprecated. Please use..
weixin_42289080的博客
03-25 2152
前言：DatePicker、MonthPicker、RangePicker、WeekPicker 等插件的部分 locale 是从 value 中读取，目前的默认文案是英文，如果需要使用其他语言，需要通过下面的方案正确设置 moment 的 locale。 当前前提是你已经安装了antd-vue，继续做如下操作： 一、安装moment npm i moment 二、app.vue文件配置 <template> <a-locale-provider :locale="zh_CN"&gt
出现value.locale is not a function问题解决办法
热门推荐
Yatkill的博客
06-04 2万+
1、给datepicker赋值 可以输出赋值,datepicker赋值需要moment格式的数据,如果赋值了string类型的会报错 需要进行moment格式化moment(dateString) 2、给普通字符串赋值 如果赋值了moment类型的数据 可以通过moment(date).format(XXX)来解决,如果还不行的话可以使用date&& moment(date).la...
antd 时间类组件的国际化 locale 设置不生效 解决方案汇总
leejieleejie的博客
12-29 5493
antd 时间类组件的国际化 locale 设置不生效
解决React在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在moment@2.18.1中是没有问题的。 解决方案就是配置webpack的alias,将所有...
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
10-15
通过以上步骤，我们解决了React应用在安装antd后出现的“Can't resolve './locale'”问题。然而，需要注意的是，长期依赖较低版本的库可能会带来其他潜在问题。因此，建议密切关注官方更新和修复，以确保项目使用的...
antd源码-locale国际化解析
luo_qianyu的博客
04-22 3352
antd源码-locale国际化解析 antd的国际化是利用react的context来完成的。 组件内部 我找了一个需要国际化的组件，popconfirm 源码 renderConfirm = ({ getPrefixCls }: ConfigConsumerProps) => { const { prefixCls: customizePrefixCls, placement,...
all-locales-1.4.18-20090526.tar.gz
10-11
all_locales-1.4.18-20090526.tar.gz
Antd----国际化（i18n）
朝朝忆萍的博客
03-06 1233
antd组件中文配置，时间日期组件中文配置
如何把antd的日期插件里面的月份日期改成中文？？？
feizhong_web的博客
09-13 7619
我在官网例子，用的就是DatePicker日期选择框，明明看到的里面月份都是中文，放到后台管理系统的时候也不知道为啥月份变成英文了，直接上解决方法：开头先引入 // 以下4行引入解决日期控件英文的问题 import moment from 'moment' import locale from 'antd/lib/date-picker/locale/zh_CN' import 'moment...
前端react+Ant Design 给穿梭框Transfer 添加导入导出按钮，难点在于导入数据后怎么赋值给右侧
m0_72154126的博客
06-04 1067
react+Ant Design 给穿梭框Transfer
找不到模块“@/....”或其相应的类型声明。
yanhhhhhh的博客
09-28 1万+
@/ 找不到模块
moment的一些常用方法
youlinhuanyan的博客
02-20 2307
moment的一些常用方法 1、安装 # yarn安装法 yarn add moment # npm安装法 npm install moment --save 2、库的引用 import moment from 'moment' 3、常用方法 1、字符串转为时间 const strTime = '2019/12/01 10:10:00' const data = moment(strTim...
React如何实现国际化?
小小•愿望的博客
09-10 1968
React项目中手写一个国际化详细过程，采用Redux，Vue项目也可以参考，原理是一样的。
React——时间格式化-moment插件
汪汪汪汪
03-15 723
第三步：用其方法format格式化时间。第一步：安装moment插件，第二步：导入moment。
moment的各种使用(超详细)
zhs18331166003的博客
11-07 7038
moment的各种使用
react中引入antd
最新发布
03-29
可以通过 `create-react-app` 工具快速搭建一个 TypeScript 支持的 React 项目，并安装 antd 组件库。 ```bash npx create-react-app my-library --template typescript cd my-library npm install antd ``` 此...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值