antd 引入到react里面报错./node_modules/moment/src/lib/locale/locales.js Module not found: Can't resolve './

最新推荐文章于 2024-12-13 15:52:03 发布
原创 最新推荐文章于 2024-12-13 15:52:03 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种解决在Webpack配置中Moment Locale加载过多导致的问题的方法。通过调整IgnorePlugin的正则表达式，可以有效地减少不必要的Locale加载，提高应用性能。

在这里插入图片描述

解决方案：

找到下图的webpack.config.js中的 new webpack.IgnorePlugin(/^./locale/,/moment/, /moment/,/moment/),
在这里插入图片描述

修改
 new webpack.IgnorePlugin(/\.\/locale/, /moment/),

在这里插入图片描述

Failed to compile.src/store/index.ts:8:10TS2614: Module ‘“../../node_modules/vuex/types“‘ has no
Odyssey_kd的博客
03-08 667
Failed to compile. src/store/index.ts:8:10 TS2614: Module '"../../node_modules/vuex/types"' has no exported member 'createStore'. Did you mean to use 'import createStore from "../../node_modules/vuex/types"' instead? 6 | * @LastEditTime: 2021-01-08
umi2.x安装包有问题ERROR in ./node_modules/@ant-design/icons/es/icons/LoadingOutlined.js Module not found:
坚持原创
09-10 1255
通过yarn create @umijs/umi-app创建的umi项目，在yarn安装完依赖包之后报了上图错误。
Vue2项目引入Antd报错（已解决）
weixin_49993071的博客
04-23 4336
新建了一个Vue2项目，想引入Antd，却发生了两个错误 package.json { "name": "antdpro1", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies":
解决React 安装 antd 后出现的Module not found: Can't resolve './locale' in '...rc-picker/node-modules.....'一系
weixin_44510613的博客
05-04 3751
最近看到很多小伙伴发现了antd的这个问题,试用了网上的办法不行,我自己想了一种可行的方法，大家可以试一试。 有位大佬用了yarn eject 方式 ,通过暴露config配置，在config.webpack.js里的alias配置自己下的稍前版本的moment.js 敲入一行代码配置别名:"moment$":"moment/moment.js",这样有些时候的确能起到作用。 但是,这是包里配置包...
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘
weixin_51583081的博客
01-03 8464
Hi,我是赵猛，今天是做react项目的第二天，记录一下学习过程中出现的一些问题。
react@19在引入ant design 之后一直在报错
最新发布
Qiudongvvvvv的博客
12-13 1050
具体里面的逻辑我也搞不懂为啥（我是小白），看了别人的好像是说antdesign里面的什么规范和react里面的 findDomNode 冲突了，所以一直提示。第一种，升级ant design，版本要大于4.以上的---但是这种对我没有用，因为我的就是最新版本。在把antd导入之后就一直在提示上面这个报错，虽然也不影响使用，但是每次刷新之后重新点也很烦。第二种，就是把react的版本降低到@18.2.0，就可让这个不再报错。
create-react-app 按需加载antd出错问题解决
TangAcrab的博客
09-19 2849
按需引入antd报错问题 1.使用create-react-app工具创建了一个项目 create-react-app antd-demo 2.安装babel-plugin-import npm install babel-plugin-import --dev 3.按需引用antd 在App.js里面引入， import { Button } from 'antd'; package.json里...
解决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,将所有...
nextjs+react报错：./node_modules/antd/es/badge/style/index.less Global CSS cannot be imported from within node_modules.
05-22
这个错误是因为less文件中引入了全局CSS，而Next.js默认不允许从node_modules中导入全局CSS。 解决方案有两种： 1.在next.config.js中配置webpack，允许导入全局CSS。 ```javascript const withLess = require('@...
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
10-15
然而，在安装和使用antd的过程中，有时会遇到“Can't resolve './locale'”的错误，这个问题通常是由于与moment.js库的版本冲突所导致的。在本文中，我们将深入探讨这个问题的原因，并提供一种有效的解决方案。 ...
vue项目新增组件致使打包失败处理
mianhuabushitang的博客
08-23 3411
vue为解决时间格式问题引入新组件moment，打包时报错，解决方案
【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in 文件目录下的某个文件夹
热门推荐
qq_45677671的博客
06-07 3万+
报错示例 示例代码： import { Layout, Menu } from 'antd'; import { MenuUnfoldOutlined, MenuFoldOutlined, UserOutlined, VideoCameraOutlined, UploadOutlined, } from '@ant-design/icons'; 报错信息： Module not found: Can't resolve '@ant-design/icons' in 'E:\ww
Module not found: Error: Can‘t resolve ‘path‘
彭世瑜的博客
10-14 5544
依赖包 package.json。
antd日期组件配置了中文后还是显示英文的解决过程
曲鸟
10-22 9005
在使用antd的过程中，遇到了一个展示的问题，日期组件中部分中文部分英文： 按照官方文档的全局配置后还是不行： 到这步在网上搜索了一些答案，有人说把node_modules整个删除再重新安装资源包就能够解决,尝试了后，果然解决了: 经过分析发现是因为自己单独装了一个moment包，但antd自带的有moment包（node_modules/antd/node_modules目录下），通过import 'moment/locale/zh-cn'命令导入的是自己装的moment包并非antd中的，由
无法找到依赖：Could not resolve dependencies，解决办法之一
Jay_Weirdo的博客
09-09 1万+
项目场景： 提示：子项目引用子项目，提示无法找到artifactId ： 例如：多个子项目之前相互引用 关键字：Could not resolve dependencies 问题描述： 提示：[ERROR] Failed to execute goal on project feign-consumer-2: Could not resolve dependencies for project com.springcould:feign-consumer-2:jar:0.0.1-SNAPSHOT:
关于el-time-picker使用错误的记录
天暮雨的博客
01-01 3761
关于el-time-picker在新增和编辑弹窗中使用的问题记录，以及和ant design react版本TimePicker的使用对比
antd 时间类组件的国际化 locale 设置不生效 解决方案汇总
leejieleejie的博客
12-29 5793
antd 时间类组件的国际化 locale 设置不生效
在react项目中不能直接引入antd.css文件，引入会报警告./node_modules/antd/dist/antd.css (./node_modules/css-loader??ref-
HZZOU的博客
03-24 1万+
解决的方法是在webpack.config.dev.js和webpack.config.prod.js文件添加相关配置,然后引入antd.less： const cssRegex = /\.(css|less)$/; const cssModuleRegex = /\.module\.css$/; const sassRegex = /\.(scss|sass)$/; const sassMo...
ant Design初体验 之报错 ERROR in ./node_modules/antd/lib/button/style/index.less Module parse failed: /Us
weixin_38049458的博客
01-31 2万+
使用ant design 按需加载时，比如按需加载Button import Button from 'antd/lib/button'; import 'antd/lib/button/style/css'; 后台运行webpack文件会报错ERROR in ./node_modules/antd/lib/button/style/index.less Module parse failed
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值